#Uniapp：rpx 和 upx的区别_upx和rpx区别

作者：花生_TL007 | 2024-02-19 03:45:31

踩

upx和rpx区别

在 UniApp（由DCloud公司开发的跨平台移动应用开发框架）中，rpx 和 upx 是两种用于响应式布局单位。

rpx (Responsive Pixel):

rpx 是一种可以根据屏幕宽度进行自适应转换的单位。
1rpx 等于设备宽度的 1/750。也就是说，在一个宽度为 750px 的设计稿上，如果一个元素的宽度是 100px，那么在 UniApp 中应该设置为 100rpx。
使用 rpx 可以让开发者更方便地实现不同屏幕尺寸设备上的适配布局。

upx (UniApp Pixel):

upx 是 UniApp 自定义的一种长度单位，和 rpx 类似，也是为了实现响应式布局而设计的。
在最新的 UniApp 版本中，实际上已经将 rpx 单位更名为 upx，因此两者在功能上是一致的。
同样地，1upx 也等于设备独立像素宽度的 1/750。
总结来说，在 UniApp 当前版本下，rpx 已经被替换为 upx，它们的作用都是帮助开发者创建能自动适应各种屏幕尺寸的应用界面。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/112430