支持高分辨率显示 webkit支持srcset属性

8月 17, 2013 发表于: 设计杂谈. 评论

Sponsor

除着高分辨率的显示器出现，图像的质量需求也跟着增加，苹果的官方网站很多图像已经使用了2X版本。但如何解决高分辨率（如Retina）显示器的图像浏览呢？从W3C官网可以了解到，srcset属性可以解决这个问题，但需要浏览器兼容，目前webkit博客发表了一篇博文表示已经对srcset支持。

srcset

此外还可以使用-webkit-image-set的CSS属性来设置srcset，日后如果需要支持1X,2X,3X的图像，我们可以使用srcset属性来解决，方便快捷。

<img src="normal-image.jpg" srcset="better-image.jpg 2x">

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。