uniapp是一款基于Vue.js的跨平臺開發工具，支持將Vue.js的代碼編譯成Android、iOS、H5等平臺可運行的代碼，而css單位是在uniapp中常用的一種樣式單位。
在uniapp中，常用的css單位有像px、rpx、vw、vh等。其中，px是絕對單位，常用于Web開發，而rpx則是相對單位，可以根據屏幕寬度進行自適應。vw和vh則是新型單位，可以根據屏幕的寬度和高度進行自適應。下面是對這些單位的詳細介紹：
px：絕對單位，不受屏幕大小影響，用法同Web開發。 例：font-size: 16px; rpx：相對單位，可以自適應不同屏幕大小，一屏幕寬度為750rpx。 例：width: 400rpx; vw/vh：自適應單位，可以充分利用屏幕寬度和高度進行自適應，其中1vw/1vh等于屏幕寬度/高度的1%。 例：height: 50vh;
除了以上常用的css單位，uniapp也支持使用em、rem等單位。但需要注意的是，em和rem都是相對單位，而且相對的基準是不同的。em相對于父元素的字體大小，而rem則相對于根元素（<html>）的字體大小，這意味著rem會受到瀏覽器字體大小的影響。
綜上所述，在uniapp開發中，選擇合適的css單位非常重要，不僅能夠優化用戶體驗，還能提高開發效率。而了解不同單位的優缺點，則有利于我們在選擇上有更多的參考依據。
上一篇mysql 表變動
下一篇uni按鈕置底布局css