對iPhone的媒體查詢不起作用

Question

我一直試圖嘗試，但我的媒體查詢不適用於iPhone。

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

它應該支持所有的iPhone，高達6 Plus。有人可以幫忙嗎？

Answer 1

在針對iPhone/iPhone 6的只是某些版本而言，這篇文章提供了一個有用的迴應：iPhone 6 and 6 Plus Media Queries

要支持所有的小型設備中，667px標記下，你可以概括你的媒體查詢：

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

如果您在您的桌面上測試這一點，只需配一個小窗口尺寸，其原因最大設備寬度可能沒有爲你工作是：

寬度與德副寬

在CSS媒體寬度和設備寬度之間的差異可能有點混亂，所以讓我們稍微解釋一下。設備寬度是指設備本身的寬度，換句話說，是設備的屏幕分辨率。

來源：http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml