css单位

css单位包括绝对单位和相对单位

绝对单位：

概念：A absolute-size is refer to an entry in table of font-size computed and kept by user-agent
eg：cm，mm

#######相对定位：
概念：A relative-size is interpreted relative to the table of font-size and the computed 'font-size' by parent element
eg:

• px: 相对屏幕分辨率来计算的，假设屏幕宽高为1600cm800cm，设置的分辨率为1600800,1px为1cm1cm，如果设置的分辨率为800400，则1px为2cm*2cm
• em: 相对于对象内文本的字体大小，如果行内文本未被设置字体大小，则相对于浏览器来设定，未经设置的浏览器1em = 16px ，那么, 12px = 0.75em, 10px = 0.625em,为了简化em的计算方式，在css的body中设置font-size = 62.5%；这就使得1em = 10px 。 注意：em的值不是固定的，em会继承父元素的字体大小
• rem：相对于根元素（html元素）计算font-size
• vw：相对视口的宽度，视口宽度被均分为100份，100vw即为视口的宽度
• vh：相对视口的高度，视口高度被均分为100份，100vh即为视口的高度
• vm：相对视口宽度或高度中较小的那个被均分为100份，