admin管理员组

文章数量:1579086

问题描述:为了适配各种移动端设备,动态设置了viewport缩放,然后动态设置html的font-size大小,用rem布局。但是在谷歌浏览器中查看的时候出现了问题

1.这个没问题,font-size设置的.28rem,所以换算成px应该是.28*100=28px;OK,没毛病,但是下面那行字就很大了。。

2.同样是设置.26rem字体大小,按理说应该是26px,但是浏览器里显示的是37px???这是什么鬼,火狐浏览器一切正常。

 于是百度原因,就在于webkit的Font Boosting。

解决方法


参考: 

解决移动端字体大小与设定大小不同的问题

Computed font size is bigger than defined in CSS on the Asus Nexus 7

本文标签: 字体大小浏览器大小