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

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

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

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

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

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

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

原文地址:https://www.cnblogs.com/cgf19920817/p/4632823.html