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

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="">

图像大小在变化，但实际图像没有变化

标签： html

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>