微信小程序

微信小程序如何做不同分标率设备的自适应?

微信小程序如何做不同分标率设备的自适应?

微信小程序如何做不同分标率设备的自适应?
首先,什么是物理分辨率,就是宽度一样的像素点,类似厘米,但是像素不能以长度计量,只能以数量计量。
什么是px
像素点,像素点是有大有小的
什么是pt
逻辑像素点,一个逻辑像素点很有n的平方个物理像素点
什么是rpx
  • 以ip6的物理像素750*1334px为视觉稿进行设计,在小程序使用rpx为单位
  • ip6下1px = 1rpx = 0.5 pt
  • 使用rpx,小程序会自动在不同分辨率下进行转换,而是用px为单位不会
  • rpx是小程序特有的一个单位,普通的网页还是使用px吧
 
所以设计页面的时候只要以iphone6的物理分辨率为设计图,原因
  • 在ip61px就是1rpx 换算起来很方便
  • ip6 plus 下 1px=0.6rpx
微信官方开发组都是以ip6为模版开发的,就是这么定的没有为什么
另外不要把所有的px都换成rpx,因为rpx在很多机型的显示效果不一样,造成很多不可控
例如字体,就不适合做成rpx,因为无论什么屏幕,字体应该都差不多大,用了rpx就悲催了

最近文章: