Question

我的iPad 2存在一个问题，即我在媒体查询中没有应用正确的样式，即使我在页面的头部包含以下元标记：

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">

这是我的媒体查询：

@media (min-width: 768px) and (max-width: 1024px) {
... styles
}

我检查三倍以确定没有任何样式覆盖我指定的样式。没有。 iPad的实际分辨率似乎略高于1024 x 768。

要解决这个问题，我将初始比例和最大比例更改为1.0025，稍微缩放它以使我的媒体查询工作，但这不是一个完美的解决方案。

如果iPad 2的分辨率是1024 x 768而不是为什么不将视口的初始比例设置为1来修复设置为1024 x 768的媒体查询的任何问题？

以下是我读过的一些文章试图解决这个问题（仅用于研究证明）：