问题描述:为了适配各种移动端设备,动态设置了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