srcset属性获chrome 34支持,大赞!
Chrome 34终于正式发布,最引人的特性是开始支持srcset属性了。
其实在此之前,Safari已经开始支持了,而目前来看,这个属性就是为rMBP服务的,因为桌面电脑上只有rMBP需要更高分辨率的图片。但是其实这个属性的用途并不仅限于此。
最常用的用法:
而且,相信以后windows平台的笔记本也会越来越多的引入高分屏,根据业务来合理的使用这个属性吧。
via:
其实在此之前,Safari已经开始支持了,而目前来看,这个属性就是为rMBP服务的,因为桌面电脑上只有rMBP需要更高分辨率的图片。但是其实这个属性的用途并不仅限于此。
最常用的用法:
- src="normal.jpg"
- srcset="normal.jpg 1x, high-res.jpg 2x, highest-res.jpg 4x" />
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与此类似:
- src="img.jpg"
- srcset="img.jpg 320w, img-100.jpg 640w, img-300.jpg 1024w" />
而且,相信以后windows平台的笔记本也会越来越多的引入高分屏,根据业务来合理的使用这个属性吧。
via:
【srcset属性获chrome 34支持,大赞!】相关文章
3. Google Chrome Beta版更新带来另一个HTML5特性
4. 让网站变灰的css代码(支持IE、Firefox和Chrome)
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
上一篇:【html5】使用 html5 的十大原因
下一篇:程序安全的第一道保障——程序员
﹝srcset属性获chrome 34支持,大赞!﹞相关内容
- 谷歌未来战略:通过HTML5整合Android和Chrome
- HTML5云端应用大跃进:Google Android版Chrome
- iOS及Android 4.1版Chrome发布 HTML5得到进一步发展
- 谷歌的抉择:Android消融,Chrome领军HTML5
- Pure CSS3 Search Form
- Chrome渲染Transition时页面闪动Bug
- Chrome 11开测 新增HTML5语音输入API
- Chrome即将取代火狐 成为第二大浏览器
- Chrome发布新扩展 实现跨平台远程控制
- Chrome浏览器扩展变新建页面为Win8风