3-25 px，em，rem的区别

3-25 px，em，rem的区别

​ px性质：相对长度单位，像素px是相对于显示器屏幕分辨率而言的

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

​ 国外网站能够调整的原因在于使用em，rem作为单位

​ firefox能够调整px，em，rem，

​ em性质：相对长度单位，相对于当前对象内文本的字体尺寸，如 果行内文本尺寸未被设置则,相对于浏览器的默认字体尺 寸为16px

​ 任意浏览器默认字体高度都是16px，所有未调整的浏览器都符合 1em=16px，为了简化font-size换算，在body中设置font-size=65% 这样就是 12px=1.2em，10px=1em，也就是说只需要将原来的数 值除以10，然后换上em为单位就可以了

​ rem性质：rem是CSS3新增的一个相对单位，但是是相对于html根 元素，这个单位可谓集相对大小，绝对大小的优点于一 身，通过它既可以做到只修改根元素就成比例的调整所 有字体大小，又可以避免字体大小逐层复合的连锁反应

​ 除了IE8以及更早版本，所有浏览器均已支持rem

​ 对于不支持的浏览器，多写一个绝对单位的声明

​ p {font-size:14px; font-size:.875rem;}

​ ps：最终决定使用什么样的字体由项目决定，如果你的用户群使用 的都是最新版的浏览器，那就使用rem，如果考虑兼容性就使用px。