微信小程序知識點三問:
·為什么模擬器下iphone6的分辨率是375而設計圖一般給750?
·如何做不同分辨率設備的自適應呢?
·為什么要用iPhone6的物理分辨率來做設計圖?
為什么模擬器下iphone6的分辨率是375而設計圖一般給750?
iPhone下:px pt關系圖
iPhone下:px pt關系圖
上表中:
pt邏輯分辨率:
pt的大小和屏幕尺寸有關系,簡單可以理解為長度和視覺單位。
px物理分辨率:
px和屏幕尺寸無關,也不是視覺單位,簡單的可以理解為像素點。
Reader:
是px/pt 。每個pt下面包含多少個px
英寸:
不是寬高,是對角線的距離
PPI(DPI):
每英寸包含了多少個物理像素點(PPI利用勾股定理求出)
★因為:小程序模擬器給的是邏輯分辨率,設計師給的是物理分辨率。
小程序的375是邏輯分辨率,設計師給的750是物理分辨率
★1個pt可以有1個px構成,也可以有2個,還可以有3個甚至更多組成
★★★記住:iPhone6下2個px才構成一個pt
如何做不同分辨率設備的自適應呢?
以iPhone6的物理像素750*1334為視覺稿進行設計,而 在小程序中使用rpx為單位
★★★iPhone6下1px = 1rpx = 0.5pt
★使用rpx,小程序會自動在不同的分辨率下進行轉換,而使用px為單位不會
為什么要用iPhone6的物理分辨率來做設計圖?
因為:
·★★★iPhone6下1px=1rpx;
·iphone6 Plus下 1px=0.6rpx
注意:小程序并不是所有的單位都是rpx
例如一些主標題用px作為單位,始終保持字體大小。