CSS单位

1.fr：是一个弹性尺寸单位，其来自 "fraction" 或 "fractional unit" 单词的前两个字母，表示整体空间的一部分。可以帮助我们创建一个弹性的网格轨道。它代表了网格容器中可用的空间。

2.px：(pixel)像素，相对长度单位。像素px是相对于显示器分辨率而言的

  特点：
  （1）IE无法调整那些使用px作为单位的字体大小

  （2）国外的大部分网站能够调整的原因在于其使用了em或者rem作为单位

  （3）Firefox能够调整px和em，rem，但是96%以上的用户使用IE内核或IE浏览器

3.em：相对长度单位。相对于当前对象内文本的字体尺寸。 若当前行内文本文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸浏览器默认字体是16px），整个页面内1em不是一个固定的值。

  特点：

  （1）em的值不固定
  （2）em会继承父级元素的字体大小

4.rem:

css3中新增的相对单位（root em ，根em）
使用rem为元素设定字体大小时，任然是相对大小，但只相对html根元素，该单位集相对大小和绝对大小优点与一身，可以通过只修改根元素就成比例的调整新的字体大小，又可以避免字体大小逐层复合的连锁反应。

问题：
IE8以及以前版本不支持rem做单位
解决办法：
对于不支持rem的浏览器，多写一份绝对单位的声明，浏览器就会忽略rem的设定，而采用px作为单位设定。

**例子：**p{font-size:14px;font-size:0.815rem}

何时使用rem？

（1）若用户群体使用最新版的浏览器，则推荐使用rem ,若需要考虑兼容性，则使用px，或两者同时使用

（2）对于只需要匹配少部分手机设备，且分辨率对页面影响不大的。使用px即可
（3）对需要匹配各种移动设备，且分辨率差异范围大的则用rem

5.vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。

6.vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。

7.vmin：vw和vh中较小的那个。

8.vmax：vw和vh中较大的那个。

9.%:百分比

10.in:寸

11.cm:厘米

12.mm:毫米

13.pt:point，大约1/72寸

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

15.ex：取当前作用效果的字体的x的高度，在无法确定x高度的情况下以0.5em计算(IE11及以下均不支持，firefox/chrome/safari/opera/ios safari/android browser4.4+等均需属性加么有前缀)

16.ch:以节点所使用字体中的“0”字符为基准，找不到时为0.5em(ie10+,chrome31+,safair7.1+,opera26+,ios safari 7.1+,android browser4.4+支持)