Chrome 34终于正式发布,最引人的特性是开始支持srcset属性了。
其实在此之前,Safari已经开始支持了,而目前来看,这个属性就是为rMBP服务的,因为桌面电脑上只有rMBP需要更高分辨率的图片。但是其实这个属性的用途并不仅限于此。
最常用的用法:
<img src="normal.jpg" 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与此类似:
<img src="img.jpg" srcset="img.jpg 320w, img-100.jpg 640w, img-300.jpg 1024w" /> |
所以srcset不仅仅能用于为高分屏的rMBP提供更清晰的图片,更能为响应式设计的网站提供更便捷灵活的图片显示方案。
而且,相信以后windows平台的笔记本也会越来越多的引入高分屏,根据业务来合理的使用这个属性吧。
相关推荐
chrome34
直接双击使用即可,不用再经过下载步骤了。
GoogleChrome最后一个支持flash的版本,含FLASH插件
jQuery的$(document).ready()函数应该是在页面加载完毕后执行,但chrome对其不支持,网页一打开就开始执行,本代码修正了这个bug,并且给出了样例。
• Chrome 34 主要功能特性: 1、自定义元素:该功能支持网页开发者定义新类型的HTML元素,如用于Web应用的开发设计功能。 借助自定义元素,开发者可使用如下功能: • 定义新的HTML/DOM元素; • 创建新的元素...
Chrome浏览器支持flash插件
chrome版本支持flash
Google Chrome 49.0.2623.112 支持XP和Vista的最后一个版本,直接双击安装。
asp不支持chrome
Axure RP Chrome 0.6.4 原型工具Chrome扩展插件,支持最新版本Chrome浏览器,安装方法如下(亲测可用): 1、打开谷歌浏览器,在浏览器中地址栏中输入chrome://extensions/,或者点击浏览器的右上角选择更多工具,...
chrome调用ocx完美解决方案,很详细。chrome调用ocx完美解决方案,很详细。chrome调用ocx完美解决方案,很详细。chrome调用ocx完美解决方案,很详细。chrome调用ocx完美解决方案,很详细。chrome调用ocx完美解决方案...
Chrome不挑食,基本上什么系统都可以跑,而且速度那是飞快,所以C/S程序调用第三方的B/S程序或者网页时都考虑使用支持最新H5技术的内核,而Delphi的浏览控件那真心是不支持很多新的东西,而且还是微软的内核,各种的...
Google Chrome Backup 是一款完整备份Chrome设置(包括历史和扩展), Chrome 历史记录、书签、扩展等等信息的工具,支持 Chromium 及 Portable 版本。 如果使用的是安装版的 Chrome,那么运行 Google Chrome Backup...
解决方法,chrome桌面快捷方式—右键—属性—目标—尾部添加 --disable-infobars—应用—确定 即可告别恼人的威胁弹窗。注意“--”前要有个空格,效果如下: "C:\Documents and Settings\Admin\Local Settings\...
QTP11补丁 - 支持chrome浏览器补丁
chrome chrome
chrome chrome chrome chrome
49.0.2623.112_chrome_installer,谷歌浏览器chrome支持xp系统的最后一个版本
chrome插件XSwitch chrome插件XSwitch
在国内使用Chrome浏览器的小伙伴,一直都比较愁。Chrome数据同步的问题。原因大家都懂。 有什么好办法来同步Chrome的数据呢?这里给大家推荐一个Chrome扩展。 官方网站 ...