Question

在我的网站上有以下代码：

<meta name="viewport" content="width=990"/>

这使得我的网页在移动设备上显示得很好（我不能使用宽度=设备宽度，因为流动的元素有100％的宽度 - 这会严重搞砸页面）。但是，有副作用。在某些浏览器上，如IE Mobile 10，它使SOME字体更大。有趣的是，我网站上的元素到处都使用相同的CSS，其中只有一部分被这个感染了。我不知道为什么会这样。

我有什么办法可以阻止浏览器放大字体并使其与桌面上的像素保持一致吗？更改元标记？把东西放在CSS中以阻止它？

到目前为止，我一直在寻找解决方案，目前尚无效果。我非常感谢你对这件事的任何帮助。

提前致谢！

Answer 1

尝试将此添加到您的身体

-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;

根据以下来源，如果您删除视口标记，这只适用于IE手机。 https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

元视口与字体大小

1 个答案: