pt px rem em单位的区别
2018-02-26 本文已影响0人
Wang_Yong
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
