【微信小程序】屏幕适配

小明 2025-05-07 00:37:32 4
在网页中一般是使用 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就可以了

The End
微信