单位（px、rem、em、vh、vw、vm、%）介绍

css 常用的长度单位：

　　em：是相当于父级元素或者自身的 font-size 值，如果自身有 font-size 优先走自身；一个中文字 = 2em，一个英文字符 = 1em。

　　rem：是一个像素单位（root（根 --> html）em）；是相对于页面 HTML 的 font-size

　　　　1rem = HTML 的 fontsize

　　　　 rem布局

　　px：像素。

　　%：一般来说就是相对于父元素的，

　　　　1、对于普通定位元素就是我们理解的父元素

　　　　2、对于position: absolute;的元素是相对于已定位的父元素

　　　　3、对于position: fixed;的元素是相对于ViewPort（可视窗口）。

 

 

　　vh：可视窗口的高度，1vh = 1% * 可视窗口的高度。（css3新单位）

　　vw：可视窗口的宽度，100vw = 可视窗口的宽度。（css3新单位）

　　vm：相对于视口的宽度或高度中较小的那个。（css3新单位）

css还有哪些长度单位？

　　in:寸

　　cm:厘米

　　mm:毫米

　　pt:point，大约1/72寸

　　pc:pica，大约6pt，1/6寸

　　ch

目前不清楚还有没有别的，不过这些几乎不用