- rpx即响应式px, 一种根据屏幕宽度自适应的动态单位。
以750宽的屏幕为基准,750rpx恰好为屏幕宽度。
屏幕变宽,rpx实际显示效果会等比放大。 - @import语句可以导入外联样式表
- 支持常用的选择器:class,id,元素选择器等
- uni-app中不能使用 * 选择器
- page相当于body节点
- 定义在App.vue中的样式为全局样式,作用于每个页面。在pages目录下的vue文件中定义的样式为局部样式,只作用于对应的页面,并会覆盖App.vue中相同的选择器
- uni-app支持使用字体图标,使用方式与普通web项目相同。
可以在App.vue中的style中通过@import引入,那就全局可用。在页面中通过class使用
- style中lang=“less”,再安装less编译插件,就可以使用less了
uni-app中的样式
最新推荐文章于 2024-05-20 11:15:42 发布