小程序中rpx和px有什么区别
2025年03月30日
•
微信
•
我要评论
区别:1、rpx是相对长度单位,而px是固定长度单位;2、rpx可以自适应手机分辨率,适配当前机型,而px不能很好的适应不同分辨率的手机。本教程操作环境:harmonyos 2.0系统、微信8.0.1
区别:1、rpx是相对长度单位,而px是固定长度单位;2、rpx可以自适应手机分辨率,适配当前机型,而px不能很好的适应不同分辨率的手机。

本教程操作环境:harmonyos 2.0系统、微信8.0.19版、honor v30。
小程序中rpx与px的区别
在小程序中尺寸的大小一般用px或者rpx为单位,其中px就是传统意义上的像素值,不能很好的适应不同分辨率的手机,因此rpx出现了
1、rpx可以自适应手机分辨率,适配当前机型
2、px是绝对大小。
rpx
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 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 |
建议: 开发微信小程序时设计师可以用 iphone6 作为视觉稿的标准。
注意: 在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。
【相关学习推荐:小程序开发教程】
以上就是小程序中rpx和px有什么区别的详细内容,更多请关注代码网其它相关文章!
相关文章:
-
本篇文章给大家带来了关于微信小程序的相关知识,主要介绍了微信小程序的开发步骤以及主要的过程详解,希望对大家有帮助。【相关学习推荐:微信小程序】目前,小程序行业已经成为互联网营销的热…
-
-
微信小程序开发底部导航
微信小程序开发简介:一套软件的应用架构包括数据层、业务逻辑层、服务层、控制层、展示层、用户等多个层次。主配置文件app.json:主配置文件app.json位于...
[阅读全文]
-
-
本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了一些常用表单组件,包括了button、checkbox、input、label等等相关问题,下面一起来看一下,希望对大家…
-
总结分享微信小程序常见面试题
本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了一些常见的面试题,包括了怎么在小程序中获取用户信息、小程序中怎么实现父子组件传参,下面一起来看一下,...
[阅读全文]
版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。
发表评论