1 px和rpx

1.1 px

px是相對于顯示器屏幕分辨率而言的，在PC端經(jīng)常使用的單位，設計圖紙中的px不用計算，直接使用，但是不能自適應。

1.2 rpx

rpx是小程序中css的尺寸單位，根據(jù)屏幕寬度自適配。

規(guī)定屏幕的寬度為750px，如果設備的寬度為375px,

設備寬度/屏幕寬度 = 1/2，也就是1rpx = 0.5px
屏幕寬度/設備寬度 = 2，也就是1px = 2rpx

2 em和rem

2.1 em

em是相對單位，是相對父節(jié)點的字體大小計算的。

2.2 rem

rem是相對單位，是相對根節(jié)點的字體大小計算的。瀏覽器默認的是16px

3 vh和vw

3.1 vh

vh是相對視口的高度，1vh=1%的視口高度

3.2 vw

vw是相對視口的寬度，1vw=1%的視口的寬度

3.3 補充

vmin and vmax：關于視口高度和寬度兩者的最小值或者最大值。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的【HTML/CSS】单位小结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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