首先在前端開發中，會遇到各種不同類型的長度單位，而整體的長度單位分為兩大類：絕對長度和相對單位。

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 中較大的一個值。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。