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

相关推荐
恋猫de小郭3 小时前
Apple 的 ANE 被挖掘,AI 硬件公开,宣传的 38 TOPS 居然是"数字游戏"?
前端·人工智能·ios
小岛前端3 小时前
Node.js 宣布重大调整,运行十年的规则要改了!
前端·node.js
OpenTiny社区3 小时前
OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用
前端·javascript·ai编程
梦想CAD控件3 小时前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
张拭心3 小时前
春节后,有些公司明确要求 AI 经验了
android·前端·人工智能
时光不负努力3 小时前
typescript常用的dom 元素类型
前端·typescript
小怪点点3 小时前
大文件切片上传
前端
时光不负努力3 小时前
TS 常用工具类型
前端·javascript·typescript
SuperEugene3 小时前
Vue状态管理扫盲篇:Vuex 到 Pinia | 为什么大家都在迁移?核心用法对比
前端·vue.js·面试
张拭心3 小时前
Android 17 来了!新特性介绍与适配建议
android·前端