技术交流 > 前端技术 > 移动端字体和css实际设置的font-size大小不一样问题

移动端字体和css实际设置的font-size大小不一样问题

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

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

 

解决方法:

在css的最上方设置

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




2021-09-27 20:13:42
评论
  • 评论加载中...

评论内容: