HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > srcset属性获chrome 34支持,大赞!

srcset属性获chrome 34支持,大赞!

Chrome 34终于正式发布,最引人的特性是开始支持srcset属性了。

其实在此之前,Safari已经开始支持了,而目前来看,这个属性就是为rMBP服务的,因为桌面电脑上只有rMBP需要更高分辨率的图片。但是其实这个属性的用途并不仅限于此。

最常用的用法:
  1. src="normal.jpg"
  2. srcset="normal.jpg 1x, high-res.jpg 2x, highest-res.jpg 4x" />
复制代码但是W3C规范的描述其实更详细:
To specify an image, give first a URL, then one or more descriptors of the form 100w, 100h, or 2x, where “100w” means “maximum viewport width of 100 CSS pixels”, “100h” is the same but for height, and “2x” means “maximum pixel density of 2 device pixels per CSS pixel”.via w3c
简而言之,就是img标签首先要有个基本的图片URL,然后srcset可以用描述/约定/纬度指定更多的图片,比如1x、2x、4x,100w、100h等,其中100w表示最大viewport为100px的情况,100h与此类似:
  1. src="img.jpg"
  2. srcset="img.jpg 320w, img-100.jpg 640w, img-300.jpg 1024w" />
复制代码所以srcset不仅仅能用于为高分屏的rMBP提供更清晰的图片,更能为响应式设计的网站提供更便捷灵活的图片显示方案。
而且,相信以后windows平台的笔记本也会越来越多的引入高分屏,根据业务来合理的使用这个属性吧。

via:

【srcset属性获chrome 34支持,大赞!】相关文章

1. srcset属性获chrome 34支持,大赞!

2. 帮助减少JS请求的node.js工具-DynoSrc

3. Google Chrome Beta版更新带来另一个HTML5特性

4. 让网站变灰的css代码(支持IE、Firefox和Chrome)

5. Chrome18引入GPU加速 支持SVG与CSS

6. Adobe证实新版chrome只支持HTML5技术

7. 神奇的HTML5:现在Chrome浏览器支持直接通过Gmail打开邮件链接

8. 让Chrome的HTML5 video/audio tag支持更多种音视频格式

9. IE10不支持WebGL,Chrome的HTML5游戏性能是其22倍

10. 谷歌推Chrome API支持HTML5实现本地离线数据存储与同步

本文来源:https://www.51html5.com/a3685.html

点击展开全部

﹝srcset属性获chrome 34支持,大赞!﹞相关内容

「srcset属性获chrome 34支持,大赞!」相关专题

其它栏目

也许您还喜欢