微信小程序如何做自适应(移动设备分辨率和rpx)

微信小程序如何做自适应(移动设备分辨率和rpx)_第1张图片

  • pt也称为逻辑分辨率
  • pt的大小和屏幕尺寸有关系,简单可以理解为长度和视觉单位
  • px指物理分辨率,和屏幕尺寸没有关系,点是没有大小的。
  • 一个pt可以有一个px构成,也可以有2个,还可以有3个甚至更多组成 

 如何做不同分辨率设备的自适应

  • 以iPhone6物理像素750*1334为视觉稿进行设计,而在小程序中使用rpx为单位
  • iPhone6下 1px = 1rpx = 0.5pt
  • 使用rpx小程序会自动在不同分辨率下进行切换,而使用px不会。

 注:不是所有的都需要使用rpx,如果不需要做自适应的就不要使用rpx,比如说字体。

你可能感兴趣的:(微信小程序)