首先在前端開發(fā)中，會(huì)遇到各種不同類型的長(zhǎng)度單位，而整體的長(zhǎng)度單位分為兩大類：絕對(duì)長(zhǎng)度和相對(duì)單位。

1.絕對(duì)單位

1.px 像素（Pixel）

px 的最小單位是1，所以小數(shù)的度量沒有意義

2. pt（point鎊）

物理長(zhǎng)度單位。指的是72分之一英寸。pt=1/72(英寸),px=1/dpi(英寸)

2.相對(duì)單位

1.em

相對(duì)于所在容器的font-size屬性，若自身沒有設(shè)置font-size屬性，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。
一般瀏覽器默認(rèn)字體大小是16px, 則1em = 16px, 2em = 32px

2.rem

相對(duì)于整個(gè)html的font-size屬性。

3.vw vh

對(duì)于視窗（viewpoint）的寬度或者高度。1vw等于視窗寬度的1%，1vh等于視窗高度的1%。
視口被均分為100單位的vw，若屏幕寬375px,1vw=3.75px；視口被均分為100單位的vh，屏高1200px,1vh=12px;

4. %百分比

5.vmin 和 vmax

vmin是當(dāng)前 vw 和 vh 中較小的一個(gè)值，vmax是當(dāng)前 vw 和 vh 中較大的一個(gè)值。

總結(jié)

以上是生活随笔為你收集整理的前端的长度单位有哪些的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。