mobile相關知識
dpi
[密度單位](dots per inch)列印解析度 (每英寸所能列印的點數,即列印精度)[主要用於列印裝置]
ppi
[密度單位](pixels per inch)[每英寸畫素點數]影象解析度 (在影象中,每英寸所包含的畫素數目)
計算方法:
# √(長度畫素數² + 寬度畫素數²)/螢幕對角線英寸數
# iphone5的ppi計算:
Math.sqrt(Math.pow(1136,2)+Math.pow(640,2))/4=326
# iphone6的ppi計算
Math.sqrt(Math.pow(1334,2)+Math.pow(750,2))/4.7=326
# iphone6+的ppi計算
Math.sqrt(Math.pow(1920,2)+Math.pow(1080,2))/5.5=400
備註
英寸 | ppi | dpi | ||||
---|---|---|---|---|---|---|
iphone6+ | retina | 1920 x 1080[2208 x 1242]/414 x 736 | 5.5 | @3x | 401 | 154 |
iphone6 | retina | 1334 x 750/375 x 667 | 4.7 | @2x | 326 | 163 |
iphone5 | retina | 1136 x 640/320 x 568 | 4 | -- | -- | -- |
iphone5s | retina | 1136 x 640 | -- | -- | -- | -- |
iphone5c | retina | 1136 x 640 | -- | -- | -- | -- |
iphone4 | retina | 960 x 640/320 x 480 | 3.5 | -- | -- | -- |
iphone4s | retina | 960 x 640 | -- | -- | -- | -- |
iphone1 | 780 x 320/320 x 480 | -- | 163 | 163 | ||
iphone2 | 780 x 320 | -- | -- | -- | ||
iphone3 | 780 x 320 | -- | -- | -- | ||
iPad Air/Retina iPad | retina | 2048 x 1536 | ||||
iPad 1/iPad 2 | 1024 x 768 |
dp
[也叫dip][安卓開發單位],device independent pixels(裝置獨立畫素)
px
[電子螢幕基本單位]主要使用的photoshop或者axure等工具用的度量單位畫素,電子螢幕上組成一幅圖畫或照片的最基本單元。dp與px之間的換算關係[1dp表示在螢幕畫素點密度為160ppi時1px長度]
dp*ppi/160 = px
1dp=(螢幕ppi/ 160)px
sp
[安卓字型單位]scaled pixels(放大畫素). 主要用於字型顯示best for textsize
# 當文字尺寸是“正常”時1sp=1dp,而當文字尺寸是“大”或“超大”時
1sp>1dp
由於做設計時以xhdpi為模板,xhdpi條件下,1dp=2px。若新建畫布時,將畫布解析度設為144ppi,則1pt=2px=1dp。此時,即可將pt等同於dp。標註長度的時候,將長度畫素除以2即為dp值。
sp與px之間的換算關係
sp*ppi/160 = px
sp和dp代替px[在Android設計原則中,他們不會因為ppi的變化而變化,在相同物理尺寸和不同ppi下,他們呈現的高度大小是相同。也就是說更接近物理呈現,而px則不行]
pt
[印刷基本單位]是一個標準的長度單位,1pt=1/72英寸,用於印刷業,非常簡單易用
1pt= (DPI / 72) px
eg:當photoshop中新建畫布的解析度為72ppi( 即 72dpi時 ), 1pt=1px; 當新建畫布解析度為72*2=144ppi時,1pt=2px
in
window.devicePixelRatio[裝置畫素比]=裝置物理畫素/裝置獨立畫素 我的iPhone是3
相關文章
- Shell相關知識
- .net相關知識
- rollback相關知識
- 音訊相關知識音訊
- Elasticsearch——search相關知識Elasticsearch
- Git相關知識點Git
- SSL相關知識科普
- Redis的相關知識Redis
- redis相關知識點Redis
- RPM相關知識
- 直播相關知識收集
- shell相關知識點
- 證書相關知識
- 網路相關知識
- Oracle 相關知識點Oracle
- oracle awr相關知識Oracle
- nohup使用相關知識
- /proc的相關知識
- 相機成像相關知識總結
- RTMP協議相關知識協議
- Vlan相關知識雜記
- 【Java】容器相關知識點Java
- ivar layout 相關知識點
- LR模型相關知識點模型
- Oracle相關基礎知識Oracle
- UITabBarController相關知識UItabBarController
- ARP相關知識點
- WEB相關背景知識(新手)Web
- Linux口令相關知識Linux
- 氣象相關基本知識
- 鎖相關基礎知識
- 磁碟相關概念以及知識
- [TCP]轉TCP相關知識TCP
- lamda表示式相關知識
- 索引相關知識回顧索引
- zt_checkpoint相關知識
- CAP 與 Raft 相關知識Raft
- CT校正相關知識整理