uni-app支持的通用的css單位包括px痕寓、rpx。
- px即屏幕像素
- rpx即響應(yīng)式px蝇闭,一種根據(jù)屏幕寬度自適應(yīng)的動態(tài)單位呻率。以750寬的屏幕為基準,750rpx恰好為屏幕的寬度呻引。屏幕變寬礼仗,rpx實際顯示的效果會等比放大。
vue頁面里支持普通的h5單位苞七,但在nvue里不支持藐守。 - rem默認根字體大小為屏幕寬度/20(微信小程序、字節(jié)跳動小程序蹂风、App卢厂、H5)
- vh viewpoint height,視窗高度惠啄,1vh等于視窗高度的1%
- vw viewpoint width慎恒,視窗寬度任内,1vw等于視窗寬度的1%
nvue不支持%百分比單位
App端,在 pages.json 里的 titleNView 或頁面里寫的 plus api 中涉及的單位融柬,只支持 px死嗦。注意此時不支持 rpx
nvue中,uni-app 模式(nvue 不同編譯模式介紹)可以使用 px 粒氧、rpx越除,表現(xiàn)與 vue 中一致。weex 模式目前遵循weex的單位外盯,它的單位比較特殊:
- px:摘盆,以750寬的屏幕為基準動態(tài)計算的長度單位,與 vue 頁面中的 rpx 理念相同饱苟。(一定要注意 weex 模式的 px孩擂,和 vue 里的 px 邏輯不一樣。)
- wx:與設(shè)備屏幕寬度無關(guān)的長度單位箱熬,與 vue 頁面中的 px 理念相同