微信小程序开发 | rpx

相关常识

分辨率

分辨率是屏幕像素的数量,一般用屏幕宽度的像素点乘以屏幕高度的像素点。如描述iphone6的分辨率是750*1334。分为下面两类:

  • 物理分辨率是硬件所支持的分辨率。
  • 逻辑分辨率是软件可以达到的分辨率。
  • 实际工作中设计师常常给的是物理分辨率,程序中用到的是逻辑分辨率,但是都称为分辨率,容易混淆。

如iphone6的逻辑分辨率:375667;物理分辨率:7501334。

像素倍率dpr

物理分辨率和逻辑分辨率的商称为像素倍率dpr,也就是常说的几倍屏。
所以iphone6的像素倍率=(7501334)/(375667)=2,也就是2倍屏

px

px就是Pixel的缩写,就是指像素。像素是图像的基本采样单位,它不是一个确定的物理量,因为像素点的物理大小是不确定的。

rem

在做移动端适配是最常用的方法就是使用rem作为单位,因为rem是根据html的fontsize去动态计算实际的px的。
所以常常应用这点,做反向使用。即根据屏幕大小动态的设置fontsize.来达到不同的分辨率下有一样的效果。
故而在设置字体的时候,可以使用rem。

微信-rpx

rpx(responsive pixel): 可以根据屏幕宽度进行自适应。
微信规定屏幕宽为750rpx。
如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,
故而,在iPhone6中:1rpx = 0.5px = 1物理像素。
rpx换算px 逻辑屏幕宽度/750
px换算rpx 750/逻辑屏幕宽度)


也即是:在开发小程序的时候,可以用 iPhone6 作为视觉稿的标准,此时,1rpx=1物理像素,最大宽度是750rpx


   Reprint policy


《微信小程序开发 | rpx》 by 梦否 is licensed under a Creative Commons Attribution 4.0 International License
 Previous
leetcode-38 | 报数  简单难度 leetcode-38 | 报数 简单难度
题目描述报数序列是一个整数序列,按照其中的整数的顺序进行报数,得到下一个数。其前五项如下: 1 11 21 1211 111221 1 被读作 “one 1” (“一个一”) , 即 11。11 被读作 “two 1s” (“两
2019-05-16
Next 
微信小程序开发 | wx:for 微信小程序开发 | wx:for
bindtap组件事件处理函数事件是视图层到逻辑层的通讯方式。 bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。 <view id="tapTest" data-hi="WeChat" bind
  TOC