Html iPad 2不尊重媒体对电子邮件的查询

因此，我最近遇到了一个与iPad2邮件有关的问题

我有一个媒体问题：

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

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

（我使用727只是为了在屏幕宽度小于电子邮件报头时开始缩小尺寸

问题是，对于iPad2（我也假设为1，但我没有一个可以测试），它不会开始考虑媒体查询，除非我一直到701px的最大宽度

它似乎在iPad3上工作（至少根据litmus的说法，因为我也没有物理设备可以测试）

还有其他人遇到过这种情况吗？我假设iPad的最大宽度为768px

---

编辑：很抱歉，我最初不清楚这一点，但对于iPad2，它实际上正在使用此媒体查询（我不希望这样，因为设备宽度被支持为768px），但对于iPad3，它实际上并没有解释它。

我在iPad Mini上的电子邮件模板也有同样的问题。这是我最初的@media query:

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

@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，但当我在实际设备上测试时，它会拾取CSS。

你的元标题是什么？具体来说，是你的视口元。这可能值得检查：OUT我在没有元标记和“宽度=设备宽度”的情况下都尝试过而且也没有骰子。