请选择 进入手机版 | 继续访问电脑版

微信小程序尺寸单位rpx以及样式相关介绍

发表于 2016-09-28 15:09 显示全部楼层 29 3472

微信小程序尺寸单位rpx以及样式相关介绍
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。

规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.

rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。
如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0。
 
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
 
设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)
iPhone5 1rpx = 0.42px 1px = 2.34px
iPhone6 1rpx = 0.5px 1px = 2rpx
iPhone6s 1rpx = 0.552px 1px = 1.81rpx
 
微信小程序也支持rem尺寸单位,rem和rpx的换算关系:rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx 

注:开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

回复 使用道具
举报
15180138244

发表于 07-05 11:47 显示全部楼层

回复 支持 反对 使用道具
举报
yaopulove

发表于 04-24 14:07 显示全部楼层

学习学习,了解一下!
回复 支持 反对 使用道具
举报
园子的遇见

发表于 04-15 09:26 显示全部楼层

回复 支持 反对 使用道具
举报
COCO

发表于 04-14 18:35 显示全部楼层

为了学币每天必水一下,望见谅


回复 支持 反对 使用道具
举报
宁静致远

发表于 02-09 00:06 显示全部楼层

回复 支持 反对 使用道具
举报
执笔落花雪

发表于 02-08 22:35 显示全部楼层

回复 支持 反对 使用道具
举报
liquanhai

发表于 02-08 19:33 显示全部楼层

回复 支持 反对 使用道具
举报
宁静致远

发表于 02-08 19:04 显示全部楼层

回复 支持 反对 使用道具
举报
崇拜

发表于 02-08 18:53 显示全部楼层

楼主你好

回复 支持 反对 使用道具
举报
123下一页

发表新文章
大版主

超级版主

200

学分

4239

学币

5458

积分

超级版主

Rank: 8Rank: 8

积分
5458

签到之王勋章关注小码哥教育公众号关注新浪微博小码哥一周年勋章活动达人勋章小码哥版主勋章前100注册用户勋章意见领袖勋章论坛荣誉内测勋章小码哥网页UI学员勋章论坛百帖达成勋章真土豪勋章勋章签到周冠军勋章签到月冠军勋章签到超新星勋章小码哥周年庆杯子小码哥周年庆纪念勋章小码哥周年庆手机壳小码哥周年庆鼠标垫小码哥周年庆T恤

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育