Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

srcset的CSS版 image-set

  使用srcset属性可以让IMG元素在高设备像素比下显示更清晰的图片。显示图片当然不是IMG元素的专利,CSS中也可以显示图片,而CSS中实现同样的效果可以使用image-set来设置。但不知为何,我在浏览器上测试这个方法时浏览器没有选择到正确的图片。
  image-set的用法和srcset差不多,下面是演示 <base href="http://www.web-tinker.com/files/chrome icons/" />
<style>
div {
  width:128px;height:128px;
  background-size:128px 128px;
  background-image:-webkit-image-set(
    url(128.png) 1x,
    url(256.png) 2x
  );
}
</style>
<div></div>
  理论上是如此,但实际测试时浏览器并没有根据设备像素比来选择合适的图片,只是简单地加载了1x的图片。不知是我的测试代码有问题还是测试环境有问题亦或是浏览器实现有问题。总之我没有得到预料的结果
网名:
3.80.55.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^