rpx
你可能会说
同一个按钮尺寸,换一台手机怎么变宽了?
按小程序页面宽度换算显示大小的相对尺寸单位页面宽 375px 时,600rpx 换算为 300px;宽 450px 时则为 360px,都占页面宽度的 80%。这种单位只改变尺寸,不能自动重排分栏,也不能保证长文字不溢出。
也常被叫作responsive pixel小程序相对单位
延伸阅读 · 权威出处
同一个按钮尺寸,换一台手机怎么变宽了?
600 ÷ 750 × 375 = 300px750rpx 对应整页宽度,所以 600rpx 始终占 80%。图中长度按这个比例变化。
以页面宽度为基准:显示的 px 数 = rpx 数 × 页面显示宽度 ÷ 750。基准是页面宽度,不是屏幕上有多少物理像素。
尺寸变化后仍要检查内容:留白和按钮宽度可以按比例适配,长文字与分栏还需要换行和重排。要在实际设备宽度上检查阅读与操作。
请把这个小程序预约按钮的宽度改成 600rpx,保留居中和现有文字。分别在 375px、450px 的页面宽度检查,它应占约 80%。再检查长按钮文字和横屏,发现挤出或过大时调整布局,不要只缩小字号。