Html 平板电脑'；s将我的网页缩放1.5倍，导致布局问题

所以我有一个网络应用程序，在笔记本电脑上的1024x768像素看起来非常好（我现在真的不在乎手机）。然而，当我将同一个应用程序带到平板电脑上时，它并不适合，即使像素可用性远高于1024x768。事实证明，平板电脑正在扩展我的应用程序，因此它使用了1.5 x css像素倍增器，使其在平板电脑上更大

我的html头中有以下内容：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

但它仍然可以扩展网页。在我看来，这段代码会将初始比例设置为1.0，以便css像素==硬件像素，但实际上并非如此。我真的不适合在这里使用完全响应的设计。我只需要让平板电脑停止为我调整价值。我怎样才能把它修好呢？

我相信这就是你可能要找的

body * {-webkit-text-size-adjust: 100%; }

请阅读这里的文档

---

你的设备的CSS像素比是受害者。每个设备都有一个应用于css的比例因子。例如，ipad mini的比例为2

有很多方法可以在CSS中查询比率，但Mozilla不建议这样做

---

好的，那么我能做些什么来控制它呢？除了添加一些特定于CSS浏览器的条件外，没什么。考虑到它的实验性和“这个属性只对智能手机有影响”，这听起来真的不像一个选项。好的，我不在乎手机。“…由于桌面浏览器上没有通货膨胀算法，在某些平板电脑浏览器（如iPad）上，该属性不受支持（并被忽略）。”听起来这在平板电脑上也不太管用。为什么不试试这个呢？它是实验性的，但很有效，并广泛用于HTML电子邮件样式。@chubbsondubs也

，因为桌面浏览器上没有膨胀算法，而在某些平板电脑浏览器（如iPad）上

意味着一开始就没有伸缩性，因此只有当您希望它以其他方式伸缩时，才会忽略它。

 @media (-webkit-min-device-pixel-ratio: 2), /* Webkit-based browsers */
   (min--moz-device-pixel-ratio: 2),    /* Older Firefox browsers (prior to Firefox 16) */
   (min-resolution: 2dppx),             /* The standard way */
   (min-resolution: 192dpi)             /* dppx fallback */