html - 元视口与字体大小

Question

在我的网站上，部分中有以下代码：

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

这使我的网页在移动设备上显示良好（我不能使用宽度=设备宽度，因为流动的元素具有 100% 的宽度 - 这会严重破坏页面）。但是，有一个副作用。在某些浏览器上，例如 IE Mobile 10，它会使某些字体变大。有趣的是，我网站上的元素到处都使用相同的 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