学习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;是以这种方式添加的
相关推荐
非凡ghost6 小时前
Wireshark中文版(网络抓包工具)
网络·windows·学习·测试工具·wireshark·软件需求
2501_916008896 小时前
iOS 上架需要哪些准备,账号、Bundle ID、证书、描述文件、安装测试及上传
android·ios·小程序·https·uni-app·iphone·webview
wdfk_prog8 小时前
[Linux]学习笔记系列 -- [driver]base
linux·笔记·学习
am心8 小时前
学习笔记-套餐接口
笔记·学习
胖者是谁8 小时前
EasyPlayerPro的使用方法
前端·javascript·css
科技林总8 小时前
【系统分析师】3.6 操作系统
学习
悠哉悠哉愿意10 小时前
【嵌入式学习笔记】OLED 显示驱动 (SSD1306)
笔记·单片机·嵌入式硬件·学习
萧技电创EIIA11 小时前
如何使用嘉立创EDA绘制元件
嵌入式硬件·学习·硬件工程·pcb工艺
时光慢煮11 小时前
从踩坑到跑通:uni-app 项目落地 HarmonyOS 的完整实录(含模拟器 / 真机)
华为·uni-app·harmonyos
崇山峻岭之间11 小时前
Matlab学习记录35
开发语言·学习·matlab