主页 > 知识库 > 网页基础 > HTML >

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

来源:csdn 作者:蒋宇捷 发表于:2012-11-14 13:26  点击:
在我之前《HTML5图像适配介绍》的一文里,提到了响应式图片的需求以及一些讨论方案,而目前W3C关于响应式图片已经有了最新进展,此规范上上周已经作为编辑草案出现,到今天还在更新中。 未来的格式很可能会如下所示,来适配不同的屏幕分辨率。 双击代码全选 1
在我之前《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>
 

    有帮助
    (0)
    0%
    没帮助
    (0)
    0%