html - 元视口(viewport)与字体大小

Question

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

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

这使我的网页在移动设备上显示良好(我不能使用 width=device width 因为流动元素的宽度为 100% - 这会严重破坏页面)。但是，有一个副作用。在某些浏览器上，例如 IE Mobile 10，它会使某些字体变大。有趣的是，我网站上的元素到处都使用完全相同的 CSS，而且只有其中一些元素受此影响。我不知道为什么会这样。

有什么办法可以阻止浏览器放大字体并使其逐像素保持与桌面上的相同？更改元标记？在 CSS 中添加一些东西来阻止它？

我一直在寻找解决方案很长一段时间，但到目前为止没有效果。我将非常感谢在这方面的任何帮助。

提前致谢!

Answer 1

试着把这个添加到你的 body 里

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

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