為何模擬器上iPhone6的分辨率是375而設計圖給的是750?
首先要理解pt和px的區別。pt是邏輯分辨率,只和屏幕物理尺寸相關。如iPhone 3GS和iPhone4/4s 都是3.5寸,所以分辨率都為320X480。
px是物理分辨率,和屏幕尺寸無關。點無大小可言。
pt和px可以理解為一個pt內能包含多少個px。iPhone 3GS和iPhone4/4s相比,邏輯分辨率相同,物理分辨率后者是前者的兩倍(Reader為@2x),圖像顯示就更加細膩。
但是 iPhone6/6s Plus的圖像並沒有更清晰,這是因為2倍的像素個數已經到達人眼分辨的極限,再增加物理像素點並沒有什么意義。
ppi= 屏幕對角線上的像素點數/對角線長度 = √ (屏幕橫向像素點^2 + 屏幕縱向像素點^2)/對角線長度
由於微信小程序給出的分辨率375是邏輯分辨率,而設計圖的750是按照物理分辨率。
一個pt可以有1個px構成,也可以有2個,還可以有3個甚至更多。
iPhone6下1個pt由2個px構成。
如何做不同分辨率設備的自適應?
以iPhone6的物理像素750X1334位視覺稿進行設計,而在小程序中使用rpx為單位
iPhone6下 1px = 1rpx = 0.5pt
使用rpx,小程序會自動在不同的分辨率下進行轉換,而使用px為單位不會轉換。
但rpx不是所有的場合都適合。