uniapp尺寸单位 uni-app 支持的通用 css 单位 包括 px、rpx px即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx实际显示效果会等比放大，但在APP端和H5端屏幕宽度达到960px时，默认按照 375px 的屏幕宽度进行计算，具体配置参考：rpx计算配置。 rpx计算配置
uni-app屏幕基准宽度
uni-app规定屏幕基准宽度为750rpx 开发者可以通过设计稿基准宽度计算页面元素 rpx 值，设计稿 1px 与框架样式 1rpx 转换公式如下：
设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750 rpx
HBuilderX 自动转px为rpx在HBuilderX 【工具】-【设置】-【编辑器设置】中进行配置
uni-app规定屏幕基准宽度为750rpx 如果设计稿的基准宽度为750px，那么这里的值就填写 750 / 750 = 1 如果设计稿的基准宽度为640px，那么这里的值就填写 640 / 750 = 0.8533333333333333 依次类推
参考资料 uniapp尺寸单位：
https://uniapp.dcloud.io/frame?id=%E5%B0%BA%E5%AF%B8%E5%8D%95%E4%BD%8D
HBuilderX 自动转px为rpx：https://hx.dcloud.net.cn/Tutorial/settings/px-upx
uni-app rpx计算配置：https://uniapp.dcloud.io/collocation/pages?id=globalstyle
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
