（如果为了计算方便而将html根元素字体设置为10px）谷歌浏览器使用rem时要注意的地方...

 

下面说说谷歌浏览器使用rem时要注意的地方：

　　谷歌浏览器默认字体大小最小是12px,如果为了计算方便而将html根元素字体设置为10px,即html{font-size:10px;}

　　此时子元素使用rem时来设置字体大小以及height\width等要注意:

　　　　1.当字体大小小于12px时浏览器一律显示12px,如p{font-size:0.9rem;}，实际浏览器将p元素内字体大小以1.2rem显示

　　　　2.当rem设置height\width时rem和px转换比是1：12，并非1:10。原因：谷歌浏览器默认字体大小最小是12px

可以亲自实验一番便知真伪。。。解决方法很简单，在此就不多说了

转载于:https://www.cnblogs.com/cgf19920817/p/4632823.html