【微信小程序】屏幕适配

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

相关推荐
Evaporator Core25 分钟前
微信小程序页面导航与路由:实现多页面跳转与数据传递
微信小程序·小程序·notepad++
秋野酱28 分钟前
基于 JavaWeb 的 SSM+Maven 微信小程序快递柜管理系统设计和实现(源码+文档+部署讲解)
java·微信小程序·maven·课程设计
paterWang3 小时前
基于 SSM框架 的 “捷邻小程序” 系统的设计与实现
小程序
Vin__4 小时前
微信小程序客服消息接收不到微信的回调
spring boot·微信小程序·小程序
计算机软件程序设计4 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
lvbb664 小时前
微信小程序-二维码绘制
微信小程序·小程序
!win !5 小时前
我与微信审核的“相爱相杀”看个人小程序副业
微信小程序·个人开发·个人副业
狂团商城小师妹6 小时前
智慧废品回收小程序php+uniapp
大数据·微信·微信小程序·小程序·uni-app·微信公众平台
毕业设计-018 小时前
0083.基于springboot+uni-app的社区车位租赁系统小程序+论文
spring boot·小程序·uni-app
算是难了11 小时前
微信小程序-组件复用机制behaviors
微信小程序·小程序