1. 程式人生 > >谷歌瀏覽器移動端部分字型大小與設定大小不同

谷歌瀏覽器移動端部分字型大小與設定大小不同

問題描述:為了適配各種移動端裝置,動態設定了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