- css单位属性
css中单位有:
px :屏幕像素
vw:屏幕宽度
vh :屏幕高度
rpx :响应式 px,一种根据屏幕宽度自适应的动态单位。以 750 宽的屏幕为基准,750rpx 恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大,但在 App(vue2 不含 nvue) 端和 H5(vue2) 端屏幕宽度达到 960px 时,默认将按照 375px 的屏幕宽度进行计算,具体配置参考
一般使用的ui工具,例如ps、即时设计等,都是可以设置宽的,当ui给的ui标准,不是750为基准的话,在这些工具中,更改图片的宽,这就直接可以使用rpx了, - 导入css样式
使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。
css样式需要放在新的文件夹下,不能放在staic下,一般是放在common下,在需要的使用的地方用外联的方式引用,这样就能使用了,
添加的方式是:$uni-border-color:#c8c7cc;是以这种方式添加的
学习uni-app期间css样式的导入、单位属性和ui工具关系
烟火星云2024-05-15 6:08
相关推荐
世伟爱吗喽29 分钟前
NUXT3学习日记四(路由中间件、导航守卫)y先森1 小时前
CSS3中的弹性布局之侧轴的对齐方式飞凌嵌入式1 小时前
飞凌嵌入式旗下教育品牌ElfBoard与西安科技大学共建「科教融合基地」new出一个对象5 小时前
uniapp接入BMapGL百度地图new出一个对象5 小时前
uniapp接入高德地图dccose6 小时前
vue3 uniapp 扫普通链接或二维码打开小程序并获取携带参数y先森7 小时前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow前端Hardy7 小时前
纯HTML&CSS实现3D旋转地球Red Red7 小时前
网安基础知识|IDS入侵检测系统|IPS入侵防御系统|堡垒机|VPN|EDR|CC防御|云安全-VDC/VPC|安全服务IT女孩儿8 小时前
CSS查缺补漏(补充上一条)