使用@ 2x.png背景图像

我们目前正在使用SVG在不同网站上运行样式表，然后使用PNG回退。使用@ 2x.png背景图像

这也可以从视网膜图像？

background: url('/sfdt/mobile/images/template/sfdt-sprite_header-elements.png') -110px 0px/190px no-repeat; 
    background: url('/sfdt/mobile/images/template/[email protected]') -110px 0px/190px no-repeat;

或者最好是通过像这样的媒体查询来运行它？

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
    only screen and (-o-min-device-pixel-ratio: 3/2), 
    only screen and (min--moz-device-pixel-ratio: 1.5), 
    only screen and (min-device-pixel-ratio: 1.5) {

感谢

达里尔

来源

2014-02-27 Darylb

通常情况下，以下行应该单独工作：

background: url('/sfdt/mobile/images/template/[email protected]') -110px 0px/190px no-repeat;

来源

2014-02-27 11:49:04 ReeCube

所以就没有必要非视网膜图像回落？和非视网膜设备将查看图像罚款？ – Darylb

是的，你不需要回退图像，因为这个图像将显示在正常和视网膜显示上，唯一的区别是它们在正常显示上调整大小，但是因为视网膜图像的质量更好，影响图像的质量 – ReeCube

使用@ 2x.png背景图像

回答

相关问题