小程序模板网

谈谈像素以及微信小程序的 rpx

前言

最近在负责有赞的某个业务的微信小程序开发这是我第一次着手微信小程序的开发这个过程中发现微信小程序所定义的一套 WXSS (WeiXin Style Sheets) 中有一个有趣的长度单位 rpx即 responsive pixel
根据官方的描述

rpxresponsive pixel 可以根据屏幕宽度进行自适应规定屏幕宽为750rpx如在 iPhone6 上屏幕宽度为375px共有750个物理像素750rpx = 375px = 750物理像素1rpx = 0.5px = 1物理像素

平时我们一般会用 em 或者 rem 来做屏幕适配而在微信小程序中可以方便的借助 rpx 来完成这项工作

那么怎么理解 rpx还有它与 px 之间什么关系什么是物理像素
为了更好理解 rpx我打算聊聊下面的一些概念

  1. 像素 (Pixel)
  2. PPI (Pixels per inch 每英尺像素)
  3. DPR (Device pixel ratio)

像素

像素英文单词pixel是英语单词 picture的简写 pix



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23695.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询