[html] 第205天 你有使用过picture标签吗？说说它有哪些运用场景

[haizhilin2013]

第205天 你有使用过picture标签吗？说说它有哪些运用场景

我也要出题

[xia-li-lin]

运用场景：
1、针对不同的media条件裁剪或修改图像
2、遇到浏览器不支持的特定格式时，提供不同的图像格式。

[jsThin]

匹配不同的屏幕尺寸，显示不同的图片

[zhaofeipeter]

HTML <picture> 元素通过包含零或多个 <source> 元素和一个 <img> 元素来为不同的显示/设备场景提供图像版本。浏览器会选择最匹配的子 <source> 元素，如果没有匹配的，就选择 <img> 元素的 src 属性中的URL。然后，所选图像呈现在<img>元素占据的空间中。