Question

我正在尝试通过使用srcset在我的移动Web视图网站上显示具有更好的贴合性并且不那么笨重的img的图像。

这是问题所在。我当前的页面获取img_260，大小为260x260。但是我的标签的宽度必须为140〜180 [可以是140还是180，这取决于我的移动设备类型]

因此，如果我的设备类型仅表示1dpr，我认为它应该显示img180，因为其宽度为180。如果我的设备类型代表2dpr，我想它应该为360w，因为360尺寸img在2dpr中将变为180尺寸。但是在我的移动网络视图中，它始终获得360尺寸的img。

请需要帮助。

  <div>
       <picture>
           <source srcset="img180 180w, img260 260w, img360 360w">
       </picture>
    </div>

Answer 1

是的，我明白了。实际上，您应该为三个图像使用三个srcset标签，但是您只使用一个。请看一下https://www.w3schools.com/tags/tag_picture.asp。它对您有帮助。