因此,我有一个Web应用程序,在笔记本电脑上的分辨率为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%; }


在这里阅读文档
https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

关于html - 平板电脑将我的网页缩放1.5倍,导致布局问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24617792/

10-12 03:54