官网
社区
动态
专家
文章
公告
首页
问题库
资讯专栏
标签库
问答话题
问答专家
NEW
发布
提问题
发文章
微信小程序设计稿的尺寸
微信小程序设计稿的尺寸
2024-07-04 13:51
发布
×
打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮
站内问答
/
默认分类
832
1
5
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。 规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有
发送
看不清?
1条回答
1楼 · 2024-07-04 14:28.
采纳回答
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。
规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物敏丛理像素,1导奏论基物仅离兴马rpx = 0.5px = 1物理像素。桥老樱
设备rpx换算px (屏幕宽度/7已沿照形皇面权文官云常50)px换算rpx (750/屏幕宽度)iPhone5 1rpx = 0.42px 1px = 2.34rpx iPhone6 1rp外果联青贵报镇客微简x = 0.5px 1p湖王云革x = 2rpx iPhone6s 1rpx = 0.552px 1px = 1.81rpx 微信小程序也支持rem尺寸单位,rem和rpx的换算关逐比精破系:rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx 注:开急发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。
所以:设计稿使用设备宽度750px比较容易计算750px的话切里分察最缺把断故啊1rpx=1px,这样的话,设计图上量出来的尺寸是多少px就是多少rpx,至于在不同的设备上实际上要换算成多少个rem就交给小程序自己含穗换算。
转换规律:
设计稿是375px:1rpx=0.5px;
设计稿是750px: 1rpx=1px;
加载中...
一周热门
更多
>
相关问题
相关文章
×
关闭
采纳回答
向帮助了您的网友说句感谢的话吧!
非常感谢!
确 认
×
关闭
编辑标签
最多设置5个标签!
微信小程序设计稿的尺寸
保存
关闭
×
关闭
举报内容
检举类型
检举内容
检举用户
检举原因
广告推广
恶意灌水
回答内容与提问无关
抄袭答案
其他
检举说明(必填)
提交
关闭
×
关闭
您已邀请
15
人回答
查看邀请
擅长该话题的人
回答过该话题的人
我关注的人
规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物敏丛理像素,1导奏论基物仅离兴马rpx = 0.5px = 1物理像素。桥老樱
设备rpx换算px (屏幕宽度/7已沿照形皇面权文官云常50)px换算rpx (750/屏幕宽度)iPhone5 1rpx = 0.42px 1px = 2.34rpx iPhone6 1rp外果联青贵报镇客微简x = 0.5px 1p湖王云革x = 2rpx iPhone6s 1rpx = 0.552px 1px = 1.81rpx 微信小程序也支持rem尺寸单位,rem和rpx的换算关逐比精破系:rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx 注:开急发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。
所以:设计稿使用设备宽度750px比较容易计算750px的话切里分察最缺把断故啊1rpx=1px,这样的话,设计图上量出来的尺寸是多少px就是多少rpx,至于在不同的设备上实际上要换算成多少个rem就交给小程序自己含穗换算。
转换规律:
设计稿是375px:1rpx=0.5px;
设计稿是750px: 1rpx=1px;
一周热门 更多>