移动端设置font-size 和 实际渲染字体大小不一致

在编写移动端页面时,有时会遇到这样的情况,即页面中所展示出的文字的字体大小与我们实际设定的css中的font-size的大小不一致。

我们通常把这种情况叫做 “Font Boosting”(文字爆炸),它是webkit 内核浏览器特有的一种属性,当我们的页面中存在大量的文字时,webkit 内核移动端浏览器提供的 “Font Boosting” 属性便开始起作用了,它会对字体进行放大,以让人们方便的查看文本。

解决方法:

在css的最上方设置

* {
-webkit-text-size-adjust: none;
}

posted @ 2021-12-19 15:59  一亩地  阅读(354)  评论(0编辑  收藏  举报