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

回答