HTML 5图像适配最新进展：响应式图片规范草案

发布时间：2018-10-27 阅读量：

导读：在我之前《HTML5图像适配介绍》的一文里，提到了响应式图片的需求以及一些讨论方案，而目前W3C关于响应式图片已经有了最新进展，此规范上上周已经作为编辑草案出现，到今天还在更

在我之前《HTML5图像适配介绍》的一文里，提到了响应式图片的需求以及一些讨论方案，而目前W3C关于响应式图片已经有了最新进展，此规范上上周已经作为编辑草案出现，到今天还在更新中。
未来的格式很可能会如下所示，来适配不同的屏幕分辨率。

双击代码全选
1 2 3 4 5 6	`<picture>` `<source` `media="(min-width: 45em)"` `srcset="large-1.jpg 1x, large-2.jpg 2x">` `<source` `media="(min-width: 18em)"` `srcset="med-1.jpg 1x, med-2.jpg 2x">` `<source` `srcset="small-1.jpg 1x, small-2.jpg 2x">` `<img` `src="small-1.jpg"` `alt="">` `</picture>`