学习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;是以这种方式添加的
相关推荐
2501_9160088916 分钟前
没有源码如何加密 IPA 实战流程与多工具组合落地指南
android·ios·小程序·https·uni-app·iphone·webview
9ilk1 小时前
【仿RabbitMQ的发布订阅式消息队列】 ---- 功能测试联调
linux·服务器·c++·分布式·学习·rabbitmq
('-')2 小时前
《从根上理解MySQL》第一章学习笔记
笔记·学习·mysql
d111111111d2 小时前
STM32外设学习-串口发送数据-接收数据(笔记)
笔记·stm32·学习
LXA08092 小时前
UniApp 小程序中使用地图组件
小程序·uni-app·notepad++
Elias不吃糖2 小时前
eventfd 初认识Reactor/多线程服务器的关键唤醒机制
linux·服务器·c++·学习
宋辰月3 小时前
学习react第三天
前端·学习·react.js
月下倩影时4 小时前
视觉学习篇——机器学习模型评价指标
人工智能·学习·机器学习
重启编程之路4 小时前
python 基础学习socket -UDP编程
python·网络协议·学习·udp
Fantasydg4 小时前
MyBatis学习
java·学习·mybatis