【微信小程序】屏幕适配

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

相关推荐
腾马科技26 分钟前
微信小程序餐饮扫码点餐小程序堂食外卖桌台自助下单源码
微信小程序·小程序
用户6990304848753 小时前
uniapp 构建本地txt跨平台小程序、h5、app通用
微信小程序·uni-app
weixin_lynhgworld4 小时前
打造绿色生活新方式——旧物二手回收小程序系统开发之路
java·小程序·生活
游戏开发爱好者85 小时前
基于uni-app的iOS应用上架,从打包到分发的全流程
android·ios·小程序·https·uni-app·iphone·webview
苹果电脑的鑫鑫11 小时前
微信开发者工具中模拟调试现场扫描小程序二维码功能
小程序
vayy21 小时前
uniapp中 ios端 scroll-view 组件内部子元素z-index失效问题
前端·ios·微信小程序·uni-app
阿彬学java1 天前
Charles抓包微信小程序请求响应数据
微信小程序·小程序
傻傻有内涵的我1 天前
【微信小程序】分别解决H5的跨域代理问题 和小程序正常不需要代理问题
微信小程序·小程序
必然秃头1 天前
微信小程序SSE替代方案实战
微信小程序·小程序
毕设源码-钟学长1 天前
【开题答辩全过程】以 微信小程序的医院挂号预约系统为例,包含答辩的问题和答案
微信小程序·小程序