【小程序】使用uni-app搭建小程序環境---css變化


css的變化

標准的css基本都是支持的。

選擇器有2個變化:*選擇器不支持;元素選擇器里沒有body,改為了page。微信小程序即是如此。

復制代碼page{ }

單位方面,px無法動態適應不同寬度的屏幕,rem只能用於h5。如果想使用根據屏幕寬度自適應的單位,推薦使用rpx,全端支持。 尺寸單位文檔

uni-app推薦使用flex布局,並默認就是flex布局,這個布局思路和傳統流式布局有點區別。但flex的有趣在於,不管是什么技術都支持這種排版,web、小程序/快應用、weex/rn、原生的iOS、Android開發,全都支持flex。它是通吃所有端的新一代布局方案。相關教程請自行百度學習。

uni-app的vue文件里支持所有web排版方式,不管是流式還是flex。但nvue里,只支持flex,因為它在app端是使用原生排版引擎渲染的。

注意背景圖和字體文件盡量不要大於40k。會影響性能。如果非要大於40k,需放到服務器側遠程引用或base64后引入,不能放到本地作為獨立文件引用。在小程序里,其實小於40k的文件在css里也無法引用,uni-app編譯器在編譯時自動做了處理,把小於40k的文件編譯為base64方式了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM