常见样式问题六、CSS长度单位（px、em、rem等）及相关内容

最新推荐文章于 2021-05-01 21:36:54 发布

杭电茶娃

最新推荐文章于 2021-05-01 21:36:54 发布

阅读量904

点赞数 1

分类专栏： CSS 文章标签： CSS长度单位 px、em、rem等区别 px、pt、ppi、dpi、dp、dpr、sp之间的关系设备独立像素像素设备比

本文链接：https://blog.csdn.net/c11073138/article/details/79510713

版权

一、基本长度单位

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>的字体作为参照。

关注