Question

我正在为img标签使用scrset属性，而且似乎根本没有更改src。请告诉我我在做错什么。

 <img 
    src="download.jpg"
    srcset="download.jpg 350w, mushroom_landscape.jpg 550w, t_1_lisitsa.jpg 880w" 
    sizes="(min-width: 880px) 300px, (min-width: 600px) 600px, 500px"
    alt="">

图像的大小正在改变，但实际的图像没有改变

Answer 1

您应该尝试以下操作：

<picture>
  <source media="(min-width: 880px)" srcset="download.jpg">
  <source media="(min-width: 600px)" srcset="mushroom_landscape.jpg">
  <img src="download.jpg" alt="" style="width:auto;">
</picture>

为什么图像的来源没有改变？ scrset如何工作？

1 个答案: