iOS專案開發實戰——螢幕適配、單位點和解析度
在專案開發中,目前iPhone有如下的幾種螢幕寬高(單位點,又稱為邏輯解析度)和螢幕模式之間的關係:
(1)iPhone 3GS :邏輯解析度: 320點*480點 ;1*;物理(實際)解析度:320*480; 縮放因子: @1x; PPI:163
(2)iPhone 4/iPhone 4s :邏輯解析度:320點*480點 ;2*; 物理(實際)解析度:640*960; 縮放因子:@2x; PPI:326
(3)iPhone 5/iPhone5s: 邏輯解析度:320點*568點 ;2*; 物理(實際)解析度:640*1136; 縮放因子:@2x; PPI:326
(4)iPhone 6: 邏輯解析度:375點*667點 ;2*; 物理(實際)解析度:750*1334; 縮放因子:@2x; PPI:326
(5)iPhone 6 Plus :邏輯解析度:414點*736點 ;3*; 物理(實際)解析度:1242*2208 縮放因子:@3x; PPI:401
普屏 1點 = 1畫素
Retina屏 1點 = 2畫素
畫素密度:PPI(Pixel Per Inch)。表示沿著對角線,每英寸所擁有的畫素(Pixel)數目。PPI數值越高,代表螢幕能夠以越高的密度顯示影象,即通常所說的解析度越高、顆粒感越弱。
PPI的計算方式如下:
1 inch = 2.54cm
github主頁:https://github.com/chenyufeng1991 。歡迎大家訪問!
相關文章
- vue專案PC端如何適配不同解析度螢幕Vue
- 螢幕適配
- AutoLayout螢幕適配
- android 螢幕適配Android
- Flutter螢幕適配Flutter
- Android螢幕適配總結和思考Android
- flutter 螢幕尺寸適配 字型大小適配Flutter
- 極其簡單的Flutter 螢幕適配Flutter
- Flutter實戰 從頭擼一個「孤島」APP(No.1、專案初始化、螢幕適配)FlutterAPP
- Android 主流螢幕以及適配Android
- Android螢幕適配(理論適配100%機型)Android
- Flutter螢幕適配,簡單粗暴的全域性適配方式Flutter
- @media 移動端螢幕適配
- Android 螢幕適配終結者Android
- 【postcss-px-to-viewport】螢幕適配CSSView
- Flutter螢幕適配 - 等比縮放Flutter
- android螢幕適配三:通過畫素密度適配Android
- iOS多解析度適配綜述iOS
- android 螢幕適配一:通過自定義View的方式實現適配AndroidView
- cocos creator螢幕適配的一些知識點
- 實踐 | 為 Trackr app 適配大螢幕裝置APP
- WWDC 2018:快速將開發專案適配所有的iOS裝置iOS
- Qt:Qt自適應高解析度螢幕QT
- 移動 web 端螢幕適配 – remWebREM
- Android技能樹 — 螢幕適配小結Android
- H5 分層螢幕適配H5
- 更好地適配大螢幕裝置 | 2021 Android 開發者峰會Android
- iOS微信更新6.7.4版本:適配iPhone XS MAX大螢幕iOSiPhone
- Android螢幕適配前先了解這些Android
- android 今日頭條的螢幕適配理解Android
- 全志T113-i開發板適配LVDS螢幕的過程
- Android螢幕適配很難嘛?其實也就那麼回事Android
- android 螢幕適配二:手寫百分比佈局適配Android
- Android 螢幕適配:最全面的解決方案Android
- 淺談-web螢幕適配的解決方案Web
- Android 螢幕適配從未如斯簡單(已廢棄該使用方式)Android
- 學習筆記:自適應佈局,多螢幕適配筆記
- Andoid螢幕適配終極手段(小編用過最得勁的dp適配)
- iOS13簡單適配iOS