网页设计 » 设计杂谈 » 支持高分辨率显示 webkit支持srcset属性

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

发表于: 设计杂谈. 评论
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设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }