学习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;是以这种方式添加的
相关推荐
_李小白11 分钟前
【android opencv学习笔记】Day 30: 滤波算法之拉普拉斯算子
android·opencv·学习
不羁的木木12 分钟前
Form Kit(卡片开发服务)学习笔记04-交互事件与跳转处理
笔记·学习·交互·harmonyos
一尘之中8 小时前
从C语言底层设计到系统架构评估:软件架构知识体系全景
学习·系统架构·ai写作
星夜夏空9910 小时前
FreeRTOS学习(4)——内存映射
数据库·学习·mongodb
不羁的木木10 小时前
ArkWeb实战学习笔记05-综合实战:构建混合应用
笔记·学习·harmonyos
橙橙笔记10 小时前
Python的学习第一部分
python·学习
bush410 小时前
嵌入式linux学习记录二
linux·运维·学习
ZC跨境爬虫12 小时前
跟着 MDN 学CSS day_29:(掌握文本与字体样式的核心艺术)
前端·css·ui·html·tensorflow
元气少女小圆丶12 小时前
SenseGlove Nova 2+Unity开发笔记1
笔记·学习·unity
nashane13 小时前
HarmonyOS 6学习:应用退出动画优化实战——从“闪退“到优雅退出的完美蜕变
学习·华为·harmonyos