rpx(什么是rpx单位?使用rpx单位的优缺点)

在移动端日常开发,多使用rem单位,因为它能够很好的解决屏幕适应问题。

在小程序中,小程序框架提供了rpx(responsive pixel),可以根据屏幕宽度进行自适应。rpx其实是微信对于rem的一种应用的规定,或者说一种设计的方案

rpx(什么是rpx单位?使用rpx单位的优缺点)

如上图中,

pt为逻辑分辨率,与屏幕尺寸有关, 可以理解为长度单位;

px为物理分辨率,与屏幕尺寸无关,用于描述像素点的多少;

小程序框架规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375(pt),共有750个物理像素(px),那么750rpx = 375pt = 750px。所以iPhone6下:1px = 1rpx =0.5pt;

建议设计稿建议以iPhone6的分辨率(750x1334px)为基准。这样的情况下1rpx=1px。

另:不是所有单位都适合rpx,有一些比如字体标题不需要自调整就不使用rpx。

效率技巧

夸克浏览器网页版(高速稳定、功能强大的网页浏览器推荐)

2024-2-4 10:54:54

效率技巧

成功之道(10个成功人士的经验总结)

2024-2-4 11:12:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
有新私信 私信列表
搜索