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

这可能是一个完全愚蠢的问题......但我是HTML/CSS的新手，所以不要讨厌。我在我的CSS高分辨率背景图像中使用这个。在Internet Explorer中为高分辨率屏幕设计

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

background-image: url(../images/[email protected]); 
background-size: 150px 61px; 

    }

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

来源

2013-02-24 Sean McCully

查找术语“优雅的降级”，我认为这会给你一个使用css特性的框架，这些特性可能不是完全支持跨浏览器的。 – 2013-02-24 20:38:49

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

因此，我认为可以肯定的是，目前至少有％的用户配置允许他们在高分辨率屏幕上原生运行IE8，这样用户就不需要照顾它们了（毕竟，他们得到的只是改进的图像渲染，没有其他）。

来源

2013-02-24 20:34:00

完美 - 谢谢克里斯......这就是我的想法，但我想仔细检查。 – 2013-02-24 20:38:14

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

回答

相关问题