屏幕尺寸 分辨率
1、分辨率
分辨率又稱顯示分辨率、屏幕分辨率
確定手機屏幕上顯示多少信息的設置，以水平和垂直像素來衡量
6? 750 *1334? 像素
5s 640 * 1136? 像素
2、屏幕尺寸
屏幕大小的物理尺寸，以屏幕對角線長度衡量
單位：英寸 ? 1英寸=2.54厘米
6? 4.7英寸
5s 4英寸
3、像素密度（PPI）
PPI（Pixels Per Inch）表示的是每英寸所擁有的像素（Pixel）數目
PPI 值越高，畫面的細節就越豐富
4、邏輯像素和物理像素
物理像素是硬件所支持的，邏輯像素是軟件可以達到的
iphone4 ? 之前1pt=1px ? pt點 ? px像素
之后1pt = 2px
?? ? ? ? ? ? ? ? ? ? ? ? ? ? iPhone3Gs ? ? iPhone? 4s
物理分辨率 ? ? ? 480*320px ? ? ? ? 960*640px
邏輯分辨率 ? ? ? 480 *320pt ? ? ? ? 480*320pt
PPI ? ? ? ? ? ? ? ? ? ? ? ? ? ? 163? ? ? ? ? ? ? ? ? 326
DPI ? ? ? ? ? ? ? ? ? ? ? ? ? ? 163 ? ? ? ? ? ? ? ? ? 163
DPI? 每一英寸上所表示點的個數
5、物理分辨率
iPhone尺寸
iPhoe1代/3GS ? iPhoe 4/S ? ? ? ? ? iPhone5C/S? ? ? ? iPhone6/S? ? ? ? ? iPhone6 Plus/S
480px*320px? ? 960px*640px? ? ? 1134px*640px ? ? 1134px*750px ? 2208px*1242px
163PPI ? ? ? ? ? ? ? ? 326PPI? ? ? ? ? ? ? ? ? 326PPI ? ? ? ? ? ? ? ? ? 326PPI ? ? ? ? ? ? ? ? 401PPI
3.5英寸 ? ? ? ? ? ? ? ? 3.5英寸 ? ? ? ? ? ? ? ? 4英寸? ? ? ? ? ? ? ? ? ? 4.7英寸? ? ? ? ? ? ? 5.5英寸
1’? ? ? ? ? ? ? ? ? ? ? ? ? 2x ? ? ? ? ? ? ? ? ? ? ? ? 2x? ? ? ? ? ? ? ? ? ? ? ? ? 2x? ? ? ? ? ? ? ? ? ? ? ? 3x
1pt = ipx? ? ? ? ? ? ? 1pt=2px? ? ? ? ? ? ? 1pt = 2px ? ? ? ? ? ? 1pt = 2px ? ? ? ? ? 1pt = 3px
如何適配不同iPhone機型
（1）采用哪種分辨率來設計?
（2）需要提供多少套標注
（3）需要提供多少套切圖
Android手機
dp、sp、dpi
dp：android開發中用于描述模塊件布局大小的單位
sp：和dp一樣，只是用于描述字體大小的單位
dpi：測量空間點密度的單位，單位英寸上點的個數
Android屏幕尺寸關系
?? ? ? ? ? ? ? ? ? ? ? ? ? mdpi ? ? ? ? ? ? ? hdpi? ? ? ? ? ? ? xhdpi? ? ? ? ? ? ? xxhdpi ? ? ? ? ? ? xxxhdpi
?? ? ? ? ? ? ? ? ? ? ? ? ? ~160dpi? ? ? ? ? ~240dpi? ? ? ? ~320dpi ? ? ? ? ~480dpi? ? ? ? ? ~640dpi
比例 ? ? ? ? ? ? ? ? ? ? ? 1? ? ? ? ? ? ? ? ? ? ? ? 1.5 ? ? ? ? ? ? ? ? 2 ? ? ? ? ? ? ? ? ? ? ? 3? ? ? ? ? ? ? ? ? ? ? 4
常見分辨率 ? ? ? 320*480? ? ? ? ? ? 480*800 ? ? ? ? ? 720*1280 ? ? ? 1080*1920? ? 2560*1440
像素與dp/sp關系 1dp=1px? ? 1dp=1.5px ? 1dp =2px ? ? ? 1dp=3px? ? ? ? 1dp=4px
總結
- 上一篇： 解决Docker容器中无法使用vim命令
- 下一篇： 计算机在线应用竖式,App Store