首页 > 集思广益,css做到根据不同设备的不同像素密度加载不同的图标的方法有哪些?

集思广益,css做到根据不同设备的不同像素密度加载不同的图标的方法有哪些?

目前知道有上面这些css像素/实际像素的比值。

目前我只知道两种办法:http://bbs.blueidea.com/home.php?mod=space&uid=168495&do=blog&id=23366

但是这两种都要多写很多代码,而且还是重复性没什么意义的,请问还有其他方法吗?或者还是上面这种方法,但是有工具可以快速写?


讲一种针对Retina屏幕,加载不同图标的方法。
目前淘宝,京东,腾讯好多主流网站在用的css4新技术,background-image:set(url(...a) 1x,url(...b) 2x);有兼容性问题,截图如下:

主要是针对Retina屏幕而言的,普通屏幕使用小图a,Retina屏幕使用放大两倍的图b。

【热门文章】
【热门文章】