学习uni-app期间css样式的导入、单位属性和ui工具关系

  1. css单位属性
    css中单位有:
    px :屏幕像素
    vw:屏幕宽度
    vh :屏幕高度
    rpx :响应式 px,一种根据屏幕宽度自适应的动态单位。以 750 宽的屏幕为基准,750rpx 恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大,但在 App(vue2 不含 nvue) 端和 H5(vue2) 端屏幕宽度达到 960px 时,默认将按照 375px 的屏幕宽度进行计算,具体配置参考
    一般使用的ui工具,例如ps、即时设计等,都是可以设置宽的,当ui给的ui标准,不是750为基准的话,在这些工具中,更改图片的宽,这就直接可以使用rpx了,
  2. 导入css样式
    使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。
    css样式需要放在新的文件夹下,不能放在staic下,一般是放在common下,在需要的使用的地方用外联的方式引用,这样就能使用了,
    添加的方式是:$uni-border-color:#c8c7cc;是以这种方式添加的
相关推荐
米奇妙妙wuu18 分钟前
react使用sse流实现chat大模型问答,补充css样式
前端·css·react.js
紫罗兰盛开21 分钟前
分布式调度框架学习笔记
笔记·学习
Kobebryant-Manba33 分钟前
kafka基本概念
分布式·学习·kafka
地球空间-技术小鱼1 小时前
YUM(Yellowdog Updater, Modified)和DNF(Dandified YUM)简介
linux·运维·服务器·笔记·学习
小码的头发丝、1 小时前
Java进阶学习笔记|面向对象
java·笔记·学习
坊钰2 小时前
【Java 数据结构】移除链表元素
java·开发语言·数据结构·学习·链表
阿七想学习3 小时前
数据结构《排序》
java·数据结构·学习·算法·排序算法
前端Hardy3 小时前
HTML&CSS:惊!3D 折叠按钮
css·3d·html
mosen8683 小时前
uniapp中uni.scss如何引入页面内或生效
前端·uni-app·scss
lyz2468593 小时前
uniapp popup弹窗组件的自定义使用方法
uni-app