所以我最近遇到了与iPad 2的邮件有关的问题。
我有这个媒体查询：
@media only screen and
(max-width: 727px) {
...
}
（我使用727只是在屏幕宽度小于电子邮件的标头时开始缩小比例。
问题是，对于iPad 2（我也假设1，但我没有一个可以测试），它不会开始尊重媒体查询，除非我一直下到701px为最大宽度。
它似乎适用于iPad3（至少根据石蕊，因为我也没有物理设备可以测试）。
还有其他人遇到过这个吗？我假设iPad的最大宽度为768px。
编辑：对不起我最初并不清楚这个，但对于iPad2，它实际上是使用这个媒体查询（我不指望，因为设备宽度被支持为768px），但对于iPad3它实际上并不是在解释它
答案 0 :(得分：0)
我在iPad Mini上的电子邮件模板遇到了同样的问题。这是我最初的@media查询：
@media only screen and (max-width: 760px) {
...
}
但正如你所指出的那样（感谢你的方式！）iPad正在挑选它们。我只在iPad mini上测试过，但我能够通过添加max-device-width声明来“欺骗”iPad忽略它们：
@media only screen and (max-width: 760px) and (max-device-width: 760px) {
...
}
注意：问题更复杂的是，Litmus将iPad Mini视为忽略了仅限移动设备的CSS，但当我在实际设备上对其进行测试时，它正在接收它们。