【HTML/CSS】单位小结
生活随笔
收集整理的這篇文章主要介紹了
【HTML/CSS】单位小结
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【LeetCode】4月5日打卡-Day
- 下一篇: 【HTML/CSS】margin塌陷和合