所以我有这段代码：
<html>
<head>
</head>
<body>
<img src="small.jpg" srcset="https://media.kulturbanause.de/blog/2014/09/responsive-images/small.jpg 320w, https://media.kulturbanause.de/blog/2014/09/responsive-images/medium.jpg 600w, https://media.kulturbanause.de/blog/2014/09/responsive-images/large.jpg 900w" alt="">
</html>
根据代码，应该为不同的视口大小加载不同的图像。但是，当我在手机上运行此代码时，即使是320w（视口宽度），它仍会显示large.jpg，应该加载小的。
答案 0 :(得分：5)
根据代码，应该为不同的视口大小加载不同的图像。
您误解了[srcset]的工作原理。 [srcset]允许您建议设备使用的一系列不同来源，并为设备提供选择可能对设备最佳的图像的选项。< / p>
目的是节省带宽，因此设备通常会下载合理放在屏幕上的最大图像，尽管还有很多其他细微差别可供使用，我不打算进入这里
不要做的设备是在应用不同断点时在各种图像之间切换。这是<picture>元素的作用。