Question

这可能是一个完全愚蠢的问题......但我是HTML / CSS的新手，所以不要讨厌。我在我的CSS中使用它来获得高分辨率背景图像。

 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
 .pin_placeholder {

background-image: url(../images/taxi_pink@2x.png);
background-size: 150px 61px;

    }

它工作正常，但是如果有人试图通过IE 8及以下的高分辨率屏幕来访问它呢？这些IE版本不支持背景大小，但我不知道如何包含背景图像。我完全错了吗

Answer 1

我认为可以安全地假设运行IE8或更低版本的用户仍在使用Windows XP。必须正确支持高分辨率显示才能使用更高的像素密度。否则它使用1：1比例的像素，所以在Macbook Pro上看起来像1440px x 900px（像素密度为227 ppi）在Windows XP中变为2880 x 1800px，密度只有一半（我看到在运行Windows时虚拟机）。

因此，我认为可以安全地假设目前至少有一部分配置允许他们在高分辨率屏幕上本地运行IE8的用户是如此之低，以至于无需为他们提供服务（毕竟，他们得到的只是改进的图像渲染，没有别的。）

在Internet Explorer中设计高分辨率屏幕

1 个答案: