微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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手机. https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

原文地址:https://www.jb51.cc/html/425972.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐