CSS中的单位：px、%、pt、em、rem

px

px表示像素(Pixels)相对于显示器屏幕分辨率而言的，是相对长度单位。通过px设置的元素大小不会因为其他元素的尺寸变化而变化，页面按照精确像素展示。div { font-size:10px; }

%

（percent），相对于包含它的最近的父元素大小。div{width:100%;}

pt

磅 point，是一种绝对单位，是物理长度单位，等于 1/72 寸。它的取值范围和 px 类似。div { font-size:10pt; }

em

表示相对于当前对象父元素的字体大小（font-size），em是相对单位，没有一个固定的度量值，而是由其他的元素来决定的相对值。div { font-size:10em; }

em特点：
（1）em的值并不是固定的
（2）em会继承父级元素的字体大小
pt,px,%,em的在线转换工具: http://pxtoem.com/.

rem

相对单位，相对根节点html的字体大小来计算

后续随学习更新…

详细讲解: no_thing的blog.