1.目前主流浏览器的默认字体大小都是16px;
px:表示绝对大小,数值多少就是多少,不会受任何标签的影响,国内最主流的表示方法。
em:相对大小,相对于父元素的大小;比如父元素为16px;则1em=16px;html页面中,第一个父元素就是body;
为了方便计算,使用时经常将body:fond-size=62.5%;即10px;方便计算;但是要注意;当
<div fond-size=2em><span fond-size=2em>hello</span></div>
此时:hello的字体大小并不是20px;而是,10*2*2=40px;
就是相对于父元素。
rem:相对大小,相对于根元素,即body;为了方便计算,使用时经常将body:fond-size=62.5%;即10px;
<div fond-size=2em><span fond-size=2em>hello</span></div>
此时:hello的字体大小为20px;因为rem是相对于body:即10*2=20px;
我很喜欢使用这个表示方法,目前移动开发特别火,手机尺寸不尽相同,所以只要改变根元素基本就可以
解决适配问题了。