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

来源:互联网 发布:c语言的所有函数 编辑:程序博客网 时间:2024/05/17 23:38

在谷歌浏览器上,如果你有类似以下的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

0 0
原创粉丝点击