一.px特点：

1. IE无法调整那些使用px作为单位的字体大小；

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

3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

二.em的特点

1. em的值并不是固定的；

2. em会继承父级元素的字体大小。

常见写法：

body {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}h1 {font-size: 2.4em;/*2.4em × 10 = 24px */}p {font-size: 1.4em;/*1.4em × 10 = 14px */}li {font-size: 1.4em;/*1.4 × ? = 14px ? */}

三.rem的特点

rem是指相对于html根元素的字体大小。除了IE8及更早版本外，所有浏览器均已支持rem。

常见如下：

html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}body {font-size: 1.4rem;/*1.4 × 10px = 14px */}h1 {font-size: 2.4rem;/*2.4 × 10px = 24px*/}

其它参考文章：https://wenku.baidu.com/view/051b4a1383d049649b6658a4.html

自动换算的网址