iPad 2的不尊重媒體查詢電子郵件

我有這樣的媒體查詢的一個問題：

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

（我使用的是727簡單地說，一旦屏幕寬度小於電子郵件的標頭，就開始縮小東西。

問題是，對於iPad 2（我也假設1，但我沒有一個測試），它不會開始尊重媒體查詢，除非我最大寬度一直到701px 。

它似乎在iPad3上工作（至少根據石蕊，因爲我也沒有物理設備來測試）。

有沒有其他人遇到過這個？我假設iPad的最大寬度爲768px。

編輯：對不起，我最初並不清楚，但對於iPad2它實際上使用這個媒體查詢（我不指望，因爲設備寬度支持爲768px），但對於iPad3它並不實際解釋它。

你的元首是什麼？特別是你的視口元。這可能是值得檢查一下：http://www.allenpike.com/2010 /choosing-a-viewport-for-ipad-sites/ out – hexblot 2013-02-25 19:42:45

我已經嘗試過它沒有元標記和「width = device-寬度「並且沒有骰子。 – user1572155 2013-02-25 19:49:45

我在iPad Mini上遇到了與我的電子郵件模板相同的問題。這是我原來的@media查詢：

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

但正如你指出的（順便感謝！）在iPad中選擇這些了。我只測試了在iPad mini的，但我可以「欺騙」的iPad變成加入了max-device-width聲明，像這樣無視他們：

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

注：是什麼使問題更加複雜的是，石蕊顯示iPad Mini忽略了僅限移動設備的CSS，但是當我在實際設備上測試它時，它正在挑選它。

2016-08-18 14:32:18

回答