本文详细介绍了CSS中的各种单位，包括绝对单位px、in、cm、mm，相对单位em、rem、pt、pc、ex、ch，以及百分比单位%、vw、vh、vm。内容涵盖了各个单位的概念、换算关系以及在不同场景下的应用，是理解CSS尺寸单位的全面指南。
css单位
一、绝对单位：px in cm mm
1、px
即像素pixel，它是最基础也是最常用的一个长度单位，绝对单位，页面按精确像素展示
相对长度单位，浏览器的度量单位，相对于物理像素（显示器屏幕分辨率），1px在高清屏幕下可能占用2个物理像素、甚至3个物理像素，这个单位是初学者常用的单位。
2、in
即英尺inch， 1in=2.54cm=96px
3、cm
厘米， 1cm=37.8px
4、mm
毫米，1mm=3.78px
二、相对单位：em rem pt pc ex ch
1、em
相对于当前DOM元素的font-size。
如果设置当前元素的font-size为0.75em，而其父元素的font-size是16px时，则当前元素的font-size是0.75 * 16px = 12px;
如果设置当前元素的width是10em，而当前元素的font-size是16px（无论是继承自父容器还是设置的）时，则当前元素的width是10 * 16px = 160px;
注意1：任意浏览器的默认字体高都是16px，如果给body元素的font-size设置为62.5%，那body的font-size实际大小是 16
最低0.47元/天 解锁文章
扫一扫
1009
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
