Meta viewport与字体大小

Question

在我的网站上，在“section”部分有以下代码：

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

这使我的网页在移动设备上显示得很好（我不能使用width=device width，因为有一些具有100％宽度的流动元素 - 这会严重破坏页面）。但是，有一个副作用。在某些浏览器上，比如IE Mobile 10，它会使得一些字体变大。有趣的是，我的网站上的元素在任何地方都使用相同的CSS，但只有其中一些受到了影响。我不知道为什么会这样。

有什么办法可以阻止浏览器放大字体，并保持像桌面上一样每个像素不变吗？更改meta标签？在CSS中放置一些东西来阻止这种情况？

我已经寻找解决方案很长时间了，但迄今为止没有任何效果。非常感谢您对此事提供的任何帮助。

提前致谢！

- Wojciech Maj

Answer 1

尝试将此添加到您的页面中

-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

- koningdavid