码迷,mamicode.com
首页 > 其他好文 > 详细

谷歌浏览器,font-size用em做单位的bug

时间:2015-04-01 09:38:02      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

在谷歌浏览器上,如果你有类似以下的css代码

body {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  background-color: white;
  height: 100%;
}
然后你使用em定义div等页面元素的高度,宽度,边距等,在谷歌浏览器上会出现大小比预期的大一倍左右的Bug,然后刷新了就好了

解决办法是把font-size:1.4rem换成1.4em

经测算,小米4的微信内置浏览器也有这个bug

参考资料How to stop Chrome using a large font size after refreshing

谷歌浏览器,font-size用em做单位的bug

标签:

原文地址:http://blog.csdn.net/chengscau/article/details/44787861

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!