CSS查詢不適用於我的iPhone 4

我嘗試過使用Google發現的幾個媒體查詢來定位iPhone，但是我的網站仍然沒有像我想要的那樣在實際的iPhone上顯示。當我使用iphone4simulator.com時看起來很好。以下是我現在使用的媒體查詢：CSS查詢不適用於我的iPhone 4

@media only screen and (device-width: 480px) and (orientation: portrait) and (resolution: 163dpi)

這裏的網址：cfbpreview

感謝。

來源

2012-04-27 user1361422

由於視網膜顯示，您必須爲iPhone 4添加此功能。

/* iPhone 4 ----------- */ 
@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) { 
/* Styles */ 
}

這是一個link to all media queries您可能需要一個響應式設計。

重要提示：這適用於像素比率超過1.5的所有設備。如果您希望它對設備更具體，則必須爲您的meida查詢添加更多條件。

來源

2012-04-27 15:10:01 Karl

只是一個說明，這將比iPhone 4更多的目標。它會擊中最新的高端Android手機。 – ceejayoz 2012-04-27 15:22:24

當然。它將以像素比率超過1.5的所有設備爲目標。這是你想要的。在此媒體查詢中，您可以將更高分辨率的圖像和其他更改放置到視網膜顯示設備。如果您希望它具體針對iPhone 4，則必須添加特定於該設備的更多條件。 – Karl 2012-04-27 15:28:32

用戶說「定位iPhone」，所以他們可能不想要Android設備。剛想到我會指出。 – ceejayoz 2012-04-27 15:30:18

CSS查詢不適用於我的iPhone 4

回答

相關問題