css中的单位

在写css样式时长度单位有很多。常用不常用的都了解下。

分两类：绝对单位、相对单位。

绝对单位：不会因其它元素尺寸变化而变化。

px: 像素，计算机屏幕上的一个点。

pt: point

pc: pica

in: 寸 1in = 96px = 72pt = 6pc = 2.54cm

cm、mm、q不常用

相对单位：会根据某元素的尺寸相对变化。

rem：相对于html标签的字体的大小

em：相对于父元素的字体的大小

%：相对于父元素的宽度或者字体的大小

vw：1vw == 1%视口（浏览器可视区域）的宽度

vh：1vh == 1%视口（浏览器可视区域）的高度

vmin/vmax：1%视口宽度和高度中较小/较大的尺寸。

一个简单的总结。