WordPress,srcset和size在Windows浏览器中使用太小的图像

bvjveswy  于 2023-10-17  发布在  WordPress
关注(0)|答案(1)|浏览(127)

在以下网站:https://aquariumplantsonline.com.au/
在Chrome浏览器上,类别列表中的图像加载260 px大小,而它们的大小应该是600 px(545 px渲染)。
这在所有浏览器上显然是不一致的,其中一些浏览器可以正确渲染600px。下面是附加的图像发生在Chrome对我来说。
我对这里的问题很困惑。有什么想法吗?

2wnc66cl

2wnc66cl1#

我做了一些修改,它工作得很好。请检查一下。

<img src="https://aquariumplantsonline.com.au/wp-content/uploads/2023/06/Red-Cherry-Shrimp-Zoomed-edge-300x225.jpg" alt="Shrimp" srcset="https://aquariumplantsonline.com.au/wp-content/uploads/2023/06/Red-Cherry-Shrimp-Zoomed-edge-2048x1536.jpg 2048w, https://aquariumplantsonline.com.au/wp-content/uploads/2023/06/Red-Cherry-Shrimp-Zoomed-edge-1536x1152.jpg 1536w, https://aquariumplantsonline.com.au/wp-content/uploads/2023/06/Red-Cherry-Shrimp-Zoomed-edge-1024x768.jpg 1024w, https://aquariumplantsonline.com.au/wp-content/uploads/2023/06/Red-Cherry-Shrimp-Zoomed-edge-768x576.jpg 768w, https://aquariumplantsonline.com.au/wp-content/uploads/2023/06/Red-Cherry-Shrimp-Zoomed-edge-600x450.jpg 600w, https://aquariumplantsonline.com.au/wp-content/uploads/2023/06/Red-Cherry-Shrimp-Zoomed-edge-300x225.jpg 300w, https://aquariumplantsonline.com.au/wp-content/uploads/2023/06/Red-Cherry-Shrimp-Zoomed-edge-260x195.jpg 260w" sizes="(max-width: 261px) 260px, (max-width: 320px) 300px, (max-width: 601px) 600px, (max-width: 769px) 768x, (max-width: 1025px) 1024x, (max-width: 1537px) 1536x, (max-width: 2049px) 2048x">

相关问题