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

相关推荐
鹏多多几秒前
flutter使用package_info_plus库获取应用信息的教程
android·前端·flutter
冬男zdn4 分钟前
Vue 3 从基础到高阶全攻略
前端·javascript·vue.js
郑州光合科技余经理6 分钟前
定制开发实战:海外版外卖系统PHP全栈解决方案
java·服务器·开发语言·javascript·git·uni-app·php
亿元程序员9 分钟前
Cocos游戏开发中的箭头游戏效果
前端
冬男zdn12 分钟前
前端可视化图表库精选与实战指南
前端·javascript
还是大剑师兰特13 分钟前
前端设计模式:详解、应用场景与核心对比
前端·设计模式·大剑师
局外人LZ13 分钟前
前端二维码技术全景:从原生JS到Vue/React/Uniapp/小程序的二维码生成
前端·javascript
m0_4711996316 分钟前
【场景】笛卡尔积
开发语言·前端·javascript
顾安r18 分钟前
12.15 脚本网页 bash内建命令
java·前端·javascript·html·bash
Watermelo61722 分钟前
【前端实战】从 try-catch 回调到链式调用:一种更优雅的 async/await 错误处理方案
前端·javascript·网络·vue.js·算法·vue·用户体验