参见英文答案 >
Why do we need the picture element when we have srcset attribute?
使图像响应一直是许多响应式网页设计的麻烦的一个方面。我已经经历了一些关于相同的文章,并以“srcset”和“图片”作为解决方案。
使图像响应一直是许多响应式网页设计的麻烦的一个方面。我已经经历了一些关于相同的文章,并以“srcset”和“图片”作为解决方案。
SRCSET示例
<img src="flower_500px.jpg" srcset="flower_750px.jpg 1.5x,flower_1000px.jpg 2x" width="500px" alt="flower">
图片示例
<picture> <source media="(min-width: 45em)" srcset="flower_1000px.jpg"> <source media="(min-width: 32em)" srcset="flower_750px.jpg"> <img src="flower_500px.jpg" alt="flower"> </picture>
我试图决定这两种方法中的哪一种选择使图像响应。在这个选择中我应该考虑什么特点?