各自的定义 ：

rem: rem字尺寸单位交根据页面上的根元素（一般指html元素）的字体大小而计算 出实际的字体大小。

em : em单位根据元素的父元素的字体大小而计算出实际的字体大小，这个将会当元素从一个父元素移动到另一个父元素中时很可能使元素的实际字体大小产生变化。

px  : px就是字体大小单位，不会变化.

如下写法：

html { font-size: 10px}

ul,li,{ font-size: 1.1rem}

h1{ font-size: 1.8rem}

还有一种字体写法； html { font-size: 65.5%} 这是指html的字体大小为默认字体大小的65.5%；

px, em,rem