为什么图像的源不会改变？如何srcset工作？

Question

我使用scrset属性的img标签，它似乎不改变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>