小程序设计：rpx单位与视觉稿.pptx

小程序规范-视觉规范

开发微信小程序时设计师可以用iPhone6作为视觉稿的标准,单位换算相对简单。750*1334px

微信小程序所定义的一套WXSS(WeiXinStyleSheets)中有一个有趣的长度单位rpx，即responsivepixel。rpx（responsivepixel），可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。

750rpx=375px=750物理像素1rpx=0.5px=1物理像素如在iPhone6上，屏幕宽度为375px，共有750个物理像素,

逻辑像素，在CSS中也被称为CSS像素(CSSpixels)，是为Web开发者创造的，在CSS和JavaScript中使用的一个抽象的层，每一个CSS声明和几乎所有的Javascript属性都使用CSS像素。例如我们平时使用Chrome的设备调试工具的时候，iPhone6是高667px，宽是375px，与苹果官方的1334pxx750px，长宽分别少了2倍，那么面积就少了4倍。这就是经常说的Retina屏幕用四个(物理)像素表示一