10.小程序样式

样式

css部分样式不支持,并且添加了rpx属性,小程序开发的时候应该使用rpx,而不是px,因为rpx是将移动端的屏幕大小分为750份,会自动按设备的大小去适配;我们在开发时应该以iphone6为基准的设备进行开发,因为iphone的屏幕宽度为375px,对应rpx的关系就是1rpx为0.5px,计算起来方便。

rpx与px的换算

rpx换算成px

屏幕宽度/750,例如:iphone6为375px/750为0.5

px换算成rpx

750/屏幕宽度,例如:iphone6为750/375px为2

相关推荐
~无忧花开~4 分钟前
CSS学习笔记(五):CSS媒体查询入门指南
开发语言·前端·css·学习·媒体
程序猿小D11 分钟前
【完整源码+数据集+部署教程】【零售和消费品&存货】价格标签检测系统源码&数据集全套:改进yolo11-RFAConv
前端·yolo·计算机视觉·目标跟踪·数据集·yolo11·价格标签检测系统源码
吴鹰飞侠19 分钟前
AJAX的学习
前端·学习·ajax
JNU freshman25 分钟前
vue 技巧与易错
前端·javascript·vue.js
落一落,掉一掉33 分钟前
第十二周 waf绕过和前端加密绕过
前端
Asort33 分钟前
JavaScript设计模式(十六)——迭代器模式:优雅遍历数据的艺术
前端·javascript·设计模式
Coffeeee42 分钟前
Labubu很难买?那是因为还没有用Compose来画一个
前端·kotlin·android jetpack
我是日安42 分钟前
从零到一打造 Vue3 响应式系统 Day 28 - shallowRef、shallowReactive
前端·javascript·vue.js
开源之眼44 分钟前
深入理解 JavaScript 报错:TypeError: undefined is not a function
前端·javascript
LRH44 分钟前
时间切片 + 双工作循环 + 优先级模型:React 的并发任务管理策略
前端·react.js