HTML5 响应视图大小

    <picture>标签仅作为容器，可以包含一个或多个<80111：06>子标签。<source>可以加载多媒体源，它包含如下属性。

    srcset：必需。设置图片文件路径，如srcset=”img/minpic.png";或者是逗号分隔的用像素密度描述的图片路径，如srcset="img/minpic.png，img/maxpic.png2x")。

    media：设置媒体查询，如 media=" (min-width: 320px)"。

    sizes：设置宽度，如 sizes="100vw"。或者是媒体查询宽度，如 sizes="(min-width: 320px) lOOvw"。 也可以是逗号分隔的媒体查询宽度列表，如sizes="(min-width: 320px) 1⑻vw，(min-width: 640px) 50vw, calc(33vw - lOOpx)”。

    type：设置 MIME 类型，如 type="image/webp"或者 type="image/vnd.ms-photo"。

    浏览器将根据source的列表顺序，使用第一个合适的source元素，并根据这些设置属性，加载具体的图片源，同时忽略后面的<80111*06> 标签。