前端的长度单位有哪些

首先在前端开发中，会遇到各种不同类型的长度单位，而整体的长度单位分为两大类：绝对长度和相对单位。

1.绝对单位

1.px 像素（Pixel）

px 的最小单位是1，所以小数的度量没有意义

2. pt（point镑）

物理长度单位。指的是72分之一英寸。pt=1/72(英寸),px=1/dpi(英寸)

2.相对单位

1.em

相对于所在容器的font-size属性，若自身没有设置font-size属性，则相对于浏览器的默认字体尺寸。 一般浏览器默认字体大小是16px, 则1em = 16px, 2em = 32px

2.rem

相对于整个html的font-size属性。

3.vw vh

对于视窗（viewpoint）的宽度或者高度。1vw等于视窗宽度的1%，1vh等于视窗高度的1%。 视口被均分为100单位的vw，若屏幕宽375px,1vw=3.75px；视口被均分为100单位的vh，屏高1200px,1vh=12px;

4. %百分比

5.vmin 和 vmax

vmin是当前 vw 和 vh 中较小的一个值，vmax是当前 vw 和 vh 中较大的一个值。