uni-app 样式

• rps即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx实际显示效果会等比放大。

• 使用@import导入外联样式表，@import后需导入外联样式表的相对路径。用;表示语句结束。

• 支持基本常用的选择器class、id、element等。

• uni-app中不能使用*选择器。

• page相当于body节点

• 定义在App.vue中的样式为全局格式，作用于每一个页面。在pages目录下的vue文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖App.vue中相同的选择器。

• uni-app支持使用字体图标，使用方式与普通web项目相同，需要注意以下几点：

  • 字体文件小于40kb，uni-app会自动将其转化为base64格式；

  • 字体文件等于40kb，需要开发者自己转换，否则使用将不生效；

  • 字体文件的引用路径推荐使用以-@开头的绝对路径。

@font-face {
	font-family: test1-icon;
  src:url('~@/static/iconfont.ttf')
}