微信小程序分辨率的問題


為何模擬器上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不是所有的場合都適合。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM