学习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;是以这种方式添加的
相关推荐
chools4 小时前
【AI超级智能体】快速搞懂工具调用Tool Calling 和 MCP协议
java·人工智能·学习·ai
自信150413057594 小时前
重生之从0开始学习c++之模板初级
c++·学习
nashane5 小时前
HarmonyOS 6学习:解决异步场景下Toast提示框无法弹出的UI上下文丢失问题
学习·ui·harmonyos·harmony app
码喽7号8 小时前
Vue学习七:MockJs前端数据模拟
前端·vue.js·学习
三品吉他手会点灯8 小时前
STM32F103 学习笔记-21-串口通信(第4节)—串口发送和接收代码讲解(中)
笔记·stm32·单片机·嵌入式硬件·学习
EnglishJun10 小时前
ARM嵌入式学习(二十三)--- I2C总线和SPI总线
arm开发·学习
饭后一颗花生米10 小时前
2026 AI加持下前端学习路线:从入门到进阶,高效突破核心竞争力
前端·人工智能·学习
北山有鸟10 小时前
【学习笔记】MIPI CSI-2 协议全解析:从底层封包到像素解析
linux·驱动开发·笔记·学习·相机
小赵同学WoW11 小时前
CSS作用域穿透选择器
前端·css
YCY^v^12 小时前
PSW、PFW、SPSW、SPFW 是信捷TouchWin
学习