一、写在前面的话 　　作为一面前端开发者，对 px 、em 、 rem 应该是再熟悉不过了，但大多数小伙伴应该都和我一样仅仅停留在了解的层面，并不是实质性的掌握它们。本文对三者进行了详细的总结和详细说明，不熟悉的各位小伙伴阅读本文一定会有所收获，如果你对这三者已经了解的非常透彻，那本 ...

在css中单位长度用的最多的是px、em、rem，这三个的区别是： 一、px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 二、em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 三、em是相对于其父元素来设置字体大小的，一般都是 ...

px 像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 特点： 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上 ...

的特别标识符以及css中优先级的机制来实现不同浏览器里css样式兼容性的问题。 2.响应式布局和自适 ...

em相对于父元素（默认为16px） rem相对于根元素（默认16px；IE8以下浏览器不支持；要支持直接在rem单位下再改一个就可以） 用rem可以实现改一个地方就可以改整个页面的布局（在响应式开发中十分适合） 显示开发中可以把根的font-size设置成 ...

「rem」是指根元素（root element，html）的字体大小，好开心的是，从遥远的 IE6 到版本帝 Chrome 他们都约好了，根元素默认的 font-size 都是 16px。这样一个新的单位兼容性如何呢？ IE9+，Firefox、Chrome、Safari、Opera 的主流版本 ...

px(pixel) 像素，是屏幕上显示数据的最基本的点，表示相对大小(不同分辨率上px显示不同) pt(point) 印刷行业常用的单位(磅)，等于1/72英寸，表示绝对长度 em em是相对长度单位，基于父级元素的font-size计算字体大小。 如果未设置父级字体大小，则相对浏览器 ...

在前端项目开发中，px，em，以及rem都是页面布局常用的单位，虽然它们是长度单位，但是所含的意义不一样。通过复习和查阅，总结了以下知识。 px像素（Pixel） 　　　　定义：相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册） 　　　　特点 ...