通常前端开发用的单位都是PX
但是在移动端开发中要注意响应式,要应对各种分辨率的移动端设备,
在UNIAPP中给我们提供了一个单位 rpx
这个单位是响应式的,
px 即屏幕像素
rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。
以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。
比如我们在做类似用户列表，资讯列表的结构，可以使用rpx固定左右，左中右内容的比例。
如果开发者在字体或高度中也使用了 rpx ，那么需注意这样的写法意味着随着屏幕变宽，字体会变大、高度会变大。如果你需要固定高度，则应该使用 px
注意 rpx 是和宽度相关的单位，屏幕越宽，该值实际像素越大。如不想根据屏幕宽度缩放，则应该使用 px 单位。
如果要根据设计稿来设计页面尺寸
计算方法 750 * 元素在设计稿中的宽度 / 设计稿基准宽度 这个是官方转换公式
测试账号
-
评论信息
默认排序 测试账号
认真学习 Time: 2023-05-25 17:32:38
评论ID
rpx是响应式像素，会随这屏幕大小自动调整字体比例。