Question

我们目前正在使用SVG和PNG后备版本在不同网站上运行样式表。

这也适用于视网膜图像吗？

    background: url('/sfdt/mobile/images/template/sfdt-sprite_header-elements.png') -110px 0px / 190px no-repeat;
    background: url('/sfdt/mobile/images/template/sfdt-sprite_header-elements@X2.png') -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) {

由于

达里尔

Answer 1

通常以下行应该单独使用：

background: url('/sfdt/mobile/images/template/sfdt-sprite_header-elements@X2.png') -110px 0px / 190px no-repeat;

使用@ 2x.png背景图片

1 个答案: