1 px和rpx

1.1 px

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

1.2 rpx

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

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

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

2 em和rem

2.1 em

em是相對(duì)單位，是相對(duì)父節(jié)點(diǎn)的字體大小計(jì)算的。

2.2 rem

rem是相對(duì)單位，是相對(duì)根節(jié)點(diǎn)的字體大小計(jì)算的。瀏覽器默認(rèn)的是16px

3 vh和vw

3.1 vh

vh是相對(duì)視口的高度，1vh=1%的視口高度

3.2 vw

vw是相對(duì)視口的寬度，1vw=1%的視口的寬度

3.3 補(bǔ)充

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

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

總結(jié)

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

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