pt与px
pt(point)是印刷行业常用的单位,等于1/72英寸,表示绝对长度
px(pixel)像素,屏幕上显示数据的最基本的点。表示相对大小。
em和rem
em是相对长度单位,相当于当前对象内文本的字体尺寸,即em的计算是基于父级元素font-size
<body style="font-size:14px">
<p style="font-size=2em">这里显示的是字体大小是28px(14*2)</p>
<div style="font-size:18px">
<p style="font-size:2em">这里显示的是36</p>
</div>
</body>
rem css3新增的一个单位,与em的区别是 rem是相对于HTML根元素的大小。换做rem
<body style="font-size:14px">
<p style="font-size=2rem">这里显示的是字体大小是32px(16*2)</p>
<div style="font-size:18px">
<p style="font-size:2em">这里显示的是32px</p>
</div>
</body>
font-size的默认大小是16px