iPad有條件的CSS不能正常工作

我已經閱讀了這裏的幾個問題以及谷歌正在尋找的東西，我發現很多因爲某些原因，我無法讓我的iPad工作。我能夠使它適用於iPhones，但iPad仍然顯示我的bg img。這些都是我試過的所有問題，都是空手而歸。iPad有條件的CSS不能正常工作

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
} 

@media only screen and (min-width: 481px) and (max-width: 1024px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
} 

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
} 

@media handheld and (max-device-width: 480px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
}

來源

2012-02-08 Seth Hall

第三媒體查詢是正確的。第四個對於iPad來說沒有意義。我們可以看到你的HTML嗎？ – BoltClock 2012-02-08 05:16:30

第四個查詢是針對iPhone的。對不起，我沒有指定。 – 2012-02-08 05:32:36

也祝你在你Meta HTML頭。像這樣：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

與媒體查詢

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
}

來源

2012-02-08 05:13:47 sandeep

好吧，我查看了index.php文件，鏈接的handheld.css僅設置爲媒體類型手持設備，因此我將其設置爲手持設備，屏幕。改變後，iPhone和iPad都工作正常，並沒有顯示背景圖像，但後來在桌面上查看時，它也沒有顯示圖像。 handheld.css現在只有三個和四個查詢。 – 2012-02-08 05:30:14

iPad有條件的CSS不能正常工作

回答

相關問題