锐客网

  1. 首页 > 睿知 > it技术 > >

小程序使用uni-app搭建小程序环境---css变化

小程序uni-appIT知识

临文乍了了，彻卷兀若无。这篇文章主要讲述小程序使用uni-app搭建小程序环境---css变化相关的知识，希望能为你提供帮助。
css的变化
标准的css基本都是支持的。
选择器有2个变化：*选择器不支持；元素选择器里没有body，改为了page。微信小程序即是如此。

复制代码page{}

【小程序使用uni-app搭建小程序环境---css变化】单位方面，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方式了。

    推荐阅读


    上一篇：小程序使用uni-app搭建小程序环境---弹窗

    下一篇：小程序使用uni-app搭建小程序环境---尺寸单位