【微信小程序】屏幕适配

在网页中一般是使用 rem 单位,它能够根据html的字号大小自动改变尺寸,开发者可以动态的计算屏幕尺寸,然后根据屏幕大小的不同设置html的字号
小程序解决适配使用 rpx 单位,它能够根据屏幕大小自动进行转换。

每一个机型的宽度和高度都不一样,只需要写rpx自动会折算

iphone 6 宽度 375px 如果使用rpx计量为750rpx 即 1rpx = 0.5px

iphone 6p 宽度 414px 如果使用rpx计量为750rpx 即 1rpx = 0.552px

iphone 5 宽度 320px 如果使用rpx计量为750rpx 即 1rpx = 0.4267px

一般ui给的设计图 宽度一般都是750px 单位的 ,所以上面标注的px 就可以直接写成rpx就可以了

相关推荐
shimmer0082 小时前
抖音小程序登录(前端通过tt.login获取code换取openId)
前端·小程序·状态模式
清风路遥3 小时前
【婚庆摄影小程序设计与实现】
微信小程序·毕业设计·springboot·课程设计
潜意识起点5 小时前
微信小程序 app.json 配置文件解析与应用
微信小程序·小程序·json
计算机徐师兄12 小时前
Java基于SSM框架的无中介租房系统小程序【附源码、文档】
java·微信小程序·小程序·无中介租房系统小程序·java无中介租房系统小程序·无中介租房微信小程序
源码哥_博纳软云12 小时前
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台
说私域12 小时前
私域电商逆袭密码:AI 智能名片小程序与商城系统如何梦幻联动
人工智能·小程序
美美的海顿19 小时前
springboot基于Java的校园导航微信小程序的设计与实现
java·数据库·spring boot·后端·spring·微信小程序·毕业设计
说私域1 天前
无人零售及开源 AI 智能名片 S2B2C 商城小程序的深度剖析
人工智能·小程序·零售
罗狮粉 991 天前
docker部署微信小程序自动构建发布和更新
docker·微信小程序·notepad++
Kika写代码2 天前
【微信小程序】页面跳转基础 | 我的咖啡店-综合实训
服务器·微信小程序·小程序