尺寸单位 px、em、rem

前言

在现实生活中，常见的尺寸单位有公分(cm)、公尺(m)、奈米(nm)，
而在网页画面中自己的尺寸单位~
用来改变文字大小、元素宽高等等...

px (pixel)

属绝对数值。

em

属相对数值。
公式 : 父元素 Font Size * em 数值 = 最终数值。
例:

父元素 : font-size :15px;
子元素 : font-size : 2em; 

最後算出来的结果子元素font-size大小 = 15px * 2 = 30px;

rem

属相对数值。
公式 : 根元素 font-size * rem数值 = 最终数值。

根元素指没有父元素的元素。通常为

根元素 : font-size :12px;
子元素 : font-size : 3rem; 

最後算出来的结果子元素font-size大小 = 12px * 3 = 36px;