临文乍了了，彻卷兀若无。这篇文章主要讲述小程序使用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搭建小程序环境---弹窗
- Android开发 Fragment里监听返回键
- Android实现EditText插入表情超链接等格式
- 问题管理-- Struts2配置struts.xml中Action访问报There is no Action mapped for namespace...
- IIS放置的APP安装包在浏览器无法打开
- Web项目Bin目录下的文件改动会引发Application_End事件,IIS会回收线程
- Android su源代码
- CompletableFuturewhenComplete()和thenApply()/thenAccept()区别