热搜词
发表于 2022-6-15 11:32:33 | 显示全部楼层 |阅读模式
在小程序中尺寸的大小一般用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 作为视觉稿的标准。

注意: 在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。

全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2025-1-16 00:11 , Processed in 0.182935 second(s), 22 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2025 Discuz! Team