視口iphone4/4s和媒體查詢

Question

我有一個網站，我創建了一個寬度爲480px的分辨率的媒體查詢。 iPhone 4正確地選擇了這個版本，但由於某種原因，它懸浮在頁面上，它沒有使用寬度爲640px的iPhone 4的實際分辨率，其寬度爲320px。 （我讀過它爲了向後兼容與iPhone 3開發的應用程序）

有沒有辦法使用視口或媒體查詢來糾正？非常感謝戴夫

這是我目前的檢視：

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=5.0; minimum-scale=0.5; target-densityDpi=device-dpi" /> 

媒體查詢

@media only screen and (max-width: 480px) { 
} 

Answer 1

視區元 「目標densitydpi =設備DPI」 目前僅適用於Android平臺。就目前而言，iOS沒有相應的功能。

您可以使用雙像素密度媒體查詢瞄準iPhone一樣

@media screen and (-webkit-device-pixel-ratio: 2) {} 

，然後在CSS比例都記錄下來實現類似的東西。

如果你使用％和EM的方式來擴展網站上的所有內容，那麼從長遠來看可能會爲你節省很多工作。