55问答网
所有问题
微信小程序 不同设备下的屏幕适配处理 (px和rpx换算)
如题所述
举报该问题
其他回答
第1个回答 2022-07-17
改为rpx的作用:微信底层会根据屏幕宽度自动调整标签中 所设置的尺寸大小,不用我们过问。
以下图为例,ui给定的头像的宽高为90px:
总结:ui以苹果6或者苹果6plus为模板设计出来的图片,px和rpx都需要做运算处理,规律如上,小程序官方文档建议ui以苹果6模板作图。
我的这篇文章有各种设备的尺寸信息 手机屏幕尺寸、设备信息
相似回答
微信小程序
开发--从px到
rpx
:
答:
1.px:像素(Pixel),是
屏幕
上显示的最小颗粒。在
不同设备
上,1px的实际大小是不同的。2.
rpx
:是
微信小程序
引入
的适配
单位,可以根据屏幕宽度进行自适应。一个屏幕宽度为750rpx,在不同设备上显示的实际大小是相同的。在...
设计
微信小程序
是按照什么尺寸做?
答:
= 1.81rpx
微信小程序
也支持rem尺寸单位,rem
和rpx的换算
关系:rem:规定
屏幕
宽度为20rem;1rem = (750/20)rpx 注:开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。建议:设计稿使用设备宽度750px比较容易计算...
小程序
如何在
不同设备
上自适应生成海报的实现方法
答:
我们的在开发中常用的参考屏幕尺寸(iPhone6)为:375*667;那么想要适应其他尺寸
的屏幕
时只需按照iPhone6的绘制大小按比例进行
换算
即可:获取系统屏幕尺寸先利用wx.getSystemInfo (获取系统信息)的API获取屏幕宽度,然后除iPhon...
小程序
中字体大小用
rpx
还是px好
答:
rpx:
微信小程序
中的尺寸单位
rpx(
responsive pixel):可以根据
屏幕
宽度进行自适应。规定屏幕宽度为750rpx。微信官方建议视觉稿以iphone6为标准,一般设计师出图为2倍图。px:iphone6上1px=2rpx 1rpx相当于1个物理像素,何为...
rem的作用
与
运用,
小程序
为什么用
rpx
为单位
答:
而做过
小程序的
人都知道,
小程序不
论任何机型,
屏幕
满宽都是750
rpx
,其实也就是从7.5rem延伸而来,至于根目录字体大小的配置,微信开发者工具已经将这些都配置好了,你尽情用就可以了。如果有帮助,请点赞支持哦。
大家正在搜
微信小程序不适配全面屏
微信小程序屏幕适配
app适配微信小程序
微信小程序和app的区别
微信小程序会动的屏幕
微信小程序适配
微信小程序页面适配
微信小程序字体适配
微信小程序不能全屏