在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中爲高分辨率屏幕設計

回答

相關問題