HTMLimg标签中的srcset有问题
<img class="attachment-large size-large" src="/userdata/public/assets/Kopia-jesien-3-1-e1648761286743-1024x694.jpg" sizes="(max-width: 1024px) 100vw, 1024px" srcset="/userdata/public/assets/Kopia-jesien-3-1-e1648761286743-1024x694.jpg 1024w, /userdata/public/assets/jesien-300.jpeg 300w, /userdata/public/assets/jesien-768.jpeg 768w, /userdata/public/assets/jesien-585.jpeg 585w" alt="" width="1024" height="694">
它不起作用。URL图像正确。
当我更改页面窗口宽度时，没有加载另一个图像，但它仍然是一样的(1024x694(，并且变得非常难看。
你看过这个吗
注意：当用桌面浏览器测试时，如果浏览器在窗口设置为最窄宽度时未能加载较窄的图像，看看视口是什么(你可以进入浏览器的JavaScript控制台，输入document.querySelector('html'(.clientWidth来近似它(。不同的浏览器都有最小的大小，可以让你将窗口宽度缩小到，而且它们可能比你想象的要宽。在移动浏览器上测试时，您可以使用Firefox的about:debugging页面等工具，使用桌面开发工具检查加载到移动浏览器上的页面。
要查看加载了哪些图像，您可以使用Firefox DevTools的网络监视器选项卡
来源https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images