html – 元视口与字体大小

前端之家收集整理的这篇文章主要介绍了html – 元视口与字体大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在我的网站上有以下代码

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

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

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

我现在正在寻找解决方案很长一段时间没有效果.我非常感谢你对此事的任何帮助.

提前致谢!

最佳答案
尝试将此添加到您的身体

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

根据以下来源,如果您删除视口标记,这将仅适用于IE手机. @L_301_0@

猜你在找的HTML相关文章