此范例上上周已经作为编辑草案呈现, large-2.jpg 2x source media = (min-width: 18em) srcset = med-1.jpg 1x,来适配差此外屏幕辨别率, med-2.jpg 2x source srcset = small-1.jpg 1x, 未来的格局很可能会如下所示,而目前W3C关于响应式图片已经有了最新进展,到今天还在更新中。www-36ab-com
提到了响应式图片的需求以及一些讨论方案,在我之前《HTML5图像适配介绍》的一文里, small-2.jpg 2x img src = small-1.jpg alt = / picture 。
双击代码全选 123456 picture source media = (min-width: 45em) srcset = large-1.jpg 1x。