一、名詞解釋
分辨率
說明:分辨率,又稱顯示分辨率、屏幕分辨率,確定手機屏幕上顯示多少信息的設置,以水平和垂直的像素來衡量
分辨率.png
邏輯像素和物理像素
邏輯像素(pt):又稱為邏輯分辨率
物理像素(px):又稱為物理分辨率
主要在PPI與DPI中使用
屏幕尺寸
說明:屏幕大小的物理尺寸,以屏幕對角線長度衡量,單位是英寸,1英寸=2.54厘米
屏幕尺寸.png
像素密度PPI
說明:每英寸所擁有的像素數量,PPI越高,畫面細節越豐富
PPI計算公式.png
舉個例子:
PPI.png
點密度DPI
說明:每英寸所擁有的點(pt)的數量,DPI越大,手機屏幕顯示的內容越多
dp(android)
說明:android開發中用于描述模塊間布局大小的單位,類似于pt
sp(android)
說明:sp和dp一樣,只是用于描述字體大小的單位,1dp=1sp
二、手機屏幕數據
iPhone
下面是網上引用的數據
iPhone界面尺寸.jpg
iPhone圖標尺寸.jpg
目前市場上iPhone手機的適配還是以主流的5/5S及以上
iphone 5/5S:
??物理分辨率:1136px 640px
??邏輯分辨率:568pt 320pt
??1pt = 2px
iphone 6/6S:
??物理分辨率:1334px 750px
??邏輯分辨率:667pt 375pt
??1pt = 2px
iphone 6/6s Plus:
??物理分辨率:2208px 1242px
??邏輯分辨率:736pt 316pt
??1pt = 3px
Android
下面是網上引用的數據
Android SDK模擬機尺寸.jpg
Android dp_sp_px換算表.jpg
目前市場上Android手機的適配還是以DPI的xxhdpi及以上
xxhdpi (320-480]
??常見物理分辨率:1080px 1920px
??1dp = 3px
xxxhdpi (480-640]
??常見物理分辨率:2560px 1440px
??1dp = 4px
iPad
下面是網上引用的數據
iPad設計尺寸.jpg
iPad圖標尺寸.jpg
PC(額外拓展)
下面是網上引用的數據
主流瀏覽器的界面參數與份額.jpg