学习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;是以这种方式添加的
相关推荐
YJlio36 分钟前
Active Directory 工具学习笔记(10.8):AdInsight——保存与导出(证据留存、共享与二次分析)
数据库·笔记·学习
噗噗夹的TA之旅3 小时前
Unity Shader 学习20:URP LitForwardPass PBR 解析
学习·unity·游戏引擎·图形渲染·技术美术
2401_834517074 小时前
AD学习笔记-36 gerber文件输出
笔记·学习
气π4 小时前
【JavaWeb】——(若依 + AI)-基础学习笔记
java·spring boot·笔记·学习·java-ee·mybatis·ruoyi
深蓝海拓4 小时前
PySide6从0开始学习的笔记(三) 布局管理器与尺寸策略
笔记·python·qt·学习·pyqt
暗然而日章4 小时前
C++基础:Stanford CS106L学习笔记 8 继承
c++·笔记·学习
2401_834517074 小时前
AD学习笔记-34 PCBlogo的添加
笔记·学习
被考核重击4 小时前
浏览器原理
前端·笔记·学习
Lynnxiaowen4 小时前
今天我们继续学习kubernetes内容Helm
linux·学习·容器·kubernetes·云计算
charlie1145141914 小时前
编写INI Parser 测试完整指南 - 从零开始
开发语言·c++·笔记·学习·算法·单元测试·测试