【微信小程序】屏幕适配

在网页中一般是使用 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就可以了

相关推荐
尘浮生4 小时前
Java项目实战II基于微信小程序的校运会管理系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
尘浮生8 小时前
Java项目实战II基于微信小程序的电影院买票选座系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
HerayChen11 小时前
微信小程序混合 h5 wx.miniProgram是 undefined
微信小程序·小程序·h5
耶啵奶膘15 小时前
uniapp+vue2全局监听退出小程序清除缓存
小程序·uni-app
中云DDoS CC防护蔡蔡17 小时前
微信小程序被攻击怎么选择高防产品
服务器·网络安全·微信小程序·小程序·ddos
井眼21 小时前
微信小程序-prettier 格式化
微信小程序·小程序
qq_17448285751 天前
springboot基于微信小程序的旧衣回收系统的设计与实现
spring boot·后端·微信小程序
wqq_9922502771 天前
springboot基于微信小程序的食堂预约点餐系统
数据库·微信小程序·小程序
licy__1 天前
微信小程序登录注册页面设计(小程序项目)
微信小程序·小程序
wqq_9922502772 天前
springboot基于微信小程序的农产品交易平台
spring boot·后端·微信小程序