px/pt和em/rem的差别

来源:互联网 发布:linux 拆卸软件 编辑:程序博客网 时间:2024/06/05 09:15

转自:https://segmentfault.com/a/1190000004605022;

https://www.douban.com/note/155032221/;


pt:绝对大小,是印刷行业常用单位,等于1/72英寸。

px:相对大小,表示pixel,像素,是屏幕上显示数据的最基本的点。

1px=0.75pt,常见的宋体9pt=12px;px = pt * DPI / 72


em是相对长度单位,相对于当前对象内文本的字体尺寸,即em的计算是基于父级元素font-size的。


rem是css3新增的一个相对单位,与em的区别在于,它是相对于html根元素的(在body标签里面设置字体大小不起作用)。