視網膜顯示設備的Css規則適用於即8

您好我正在使用一個模板，並且有一個爲視網膜顯示設備編寫的css規則。問題是它也適用於IE8。我在網上搜索，規則是正確的，我無法弄清楚這裏出了什麼問題。任何hekp表示讚賞。視網膜顯示設備的Css規則適用於即8

下面是代碼：

@media (min–moz-device-pixel-ratio: 1.5), 
(-o-min-device-pixel-ratio: 3/2), 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-device-pixel-ratio: 1.5), 
(min-resolution: 1.5dppx) { 
/* on retina, use image that’s scaled by 2 */ 
.fader:before { 
background: url(../mobapp/[email protected]) 0 0; 
}

其在寫入以下內容：

.fader:before { 
     background: url(../mobapp/iphone.png) 0 0; 
     background-size: 100%; 
     left: -40px; 
     width: 593px; 
     height: 782px; 
     top: 0px; 
    }

來源

2012-12-03 Shehbaz

@media (min–moz-device-pixel-ratio: 1.5), 
(-o-min-device-pixel-ratio: 3/2), 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-device-pixel-ratio: 1.5), 
(min-resolution: 1.5dppx) { 
    /* on retina, use image that’s scaled by 2 */ 
    .fader:before { 
     background: url(../mobapp/[email protected]) 0 0; 
} 

// Pads and larger phones 
@media only screen and (min-width: 600px) 
{ 
    .fader:before { 
     background: url(../mobapp/iphone.png) 0 0; 
     background-size: 100%; 
     left: -40px; 
     width: 593px; 
     height: 782px; 
     top: 0px; 
    } 
} 

maybe

來源

2012-12-03 15:05:19

沒有工作。我也試過不同的屏幕寬度，沒有幫助。它可以在除IE 8以外的所有瀏覽器上正常工作。 – Shehbaz

視網膜顯示設備的Css規則適用於即8

回答

相關問題