在编写移动端页面时,有时会遇到这样的情况,即页面中所展示出的文字的字体大小与我们实际设定的css中的font-size的大小不一致。
我们通常把这种情况叫做 “Font Boosting”(文字爆炸),它是webkit 内核浏览器特有的一种属性,当我们的页面中存在大量的文字时,webkit 内核移动端浏览器提供的 “Font Boosting” 属性便开始起作用了,它会对字体进行放大,以让人们方便的查看文本。
解决方法:
在css的最上方设置
* {
-webkit-text-size-adjust: none;
}