开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
文档中心
凯发app官方网站的技术支持 & 案例 faq 
支付宝小程序
案例分析
sdk & demo下载
常见问题
常用工具
iot小程序
运维保障
小程序 > 支付宝小程序 > 常见问题 > rpx与px单位相互换算
贡献者
收藏
我的文档
设置
acss样式单位换算原理
详情可查看 acss样式
rpx根据屏幕宽度自适应
rpx(responsive pixel)可以根据屏幕宽度进行自适应,规定屏幕宽为 750rpx。以 apple iphone6 为例,屏幕宽度为 375px,共有 750 个物理像素,则 750rpx = 375px = 750 物理像素,1rpx = 0.5px = 1 物理像素。
设备
rpx 换算 px(屏幕宽度 / 750)
px 换算 rpx(750 / 屏幕宽度)
iphone5
1rpx = 0.42px
1px = 2.34rpx
iphone6
1rpx = 0.5px
1px = 2rpx
iphone6 plus
1rpx = 0.552px
1px = 1.81rpx
rpx 自动转换成 px 或 rem
通过 acss 设置的样式转成 rem,通过 style 设置的样式转成 px。
 
rpx与px互转
借助 my.getsysteminfosync().windowwidth 获取屏幕宽度进行转换,具体代码如下:
注意:由于安卓上取 screenwidth 屏幕宽度,可能取的是手机的 dpi,所以建议获取窗口宽度(可使用窗口高度)来做。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图