像素

 

px 像素单位，（一个显示器屏幕分辨率是像素的集合，因此px像素也是绝对单位，是计算机系统的数字化图像长度单位）；

 

em是相对长度单位，相当于当前对象内文本的字体尺寸，如果当前对行内文本的字体尺寸未被人为设置，则继承其父元素，倘若父节点也未设置，再向上继承，直至浏览器默认字体尺寸。

 

rem是css3新增的一个相对长度单位，使用rem为元素设定字体大小时，相对于的是HTML元素。

 

在页面开发自适应的过程中，rem和em是经常用的两个单位。

rem是基于HTML页面的根元素的大小为基准，而em则是使用它的大小决定。em和rem都是灵活的，可扩展的单位，由浏览器转换为像素值，具体的取决于您的设计中的字体大小。

 如：

.div-class{
   font-size:16px;
   padding:1em;
}

 

它被浏览器翻译为

 ...
    font-size:16px;
    padding-bottom:16px;
    padding-left:16px;
    padding-right:16px;
    padding-top:16px;
    
...

 

 

rem和em的区别：

  em和rem单位之间的区别是浏览器根据哪一值参考转化成像素，当使用rem单位，他们转化为像素大小取决于根元素的字体大小，即html元素的字体大小；当使用em单位时，像素值将是em值乘以使用em单位的元素的字体大小。

  有一种说法是，em单位相对父元素的字体大小，这种情况的发生，是因为子元素继承了父元素的字体大小导致。

 

 html元素的字体大小，首先会来自浏览器设置，在代码中需显示确定。