本文详细介绍了CSS中的长度单位，包括相对单位px, em, rem和绝对单位in, cm, mm, pt, pc。探讨了px与pt在不同dpi下的关系，以及dpi、ppi、dp、dpr和sp在设备独立像素中的作用。解释了在不同场景下如何选择合适的长度单位。"
90243155,5621586,Linux系统开机信息与dmesg命令实战指南,"['Linux系统', '系统管理', '命令行工具']
一、基本长度单位
1、相对长度单位
- px：像素。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。同样尺寸的屏幕，分辨率越大，像素的物理尺寸越小（分辨率=屏幕横向的像素数量 *屏幕纵向的像素数量。所以像素大小 = 屏幕尺寸^2 / 分辨率）。windows系统使用的分辨率一般是96像素/英寸。而mac的用户所使用的分辨率一般是72像素/英寸。
- ex：所有字体中小写x的高度。目前很多用户代理会将1/2em作为ex的值。
- em：相对于当前元素内文本的字体大小。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。注意：对于字体来说，1em = 父元素的font-size；对于其他的，1em=元素的font-size。
- rem：font size of the root element，是CSS3新增的单位。和em类似，但是是以文档根元素<html>的字体作为参照。
2、绝对单位
绝对单位与屏幕分辨率无关，长度是固定的。绝对单位有：in、cm、mm、pt、pc。
1in = 2.54cm = 25.4mm = 72pt = 6pc。
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
