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

    1. <picture>
    2.   <source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
    3.   <img src="mdn-logo-narrow.png" alt="MDN">
    4. </picture>

    动图示例：
    171407188497c396.gif

    参考：