小程序设计: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屏幕用四个(物理)像素表示一

文档评论(0)

1亿VIP精品文档

相关文档