裝置
資源解析度(
畫素)(ui)
設計解析度
(點)(程式開發)
螢幕解析度(
畫素)說明
iphone6p
/6sp
2208 * 1242
736 * 414
1920 * 1080
@3x,
資源縮小1.15倍
401ppi
iphone6
/6s1334 * 750
667 * 375
1334 * 750
@2x,326ppi
iphone5
/5s/5c
(ipod/ipod touch)
1136 * 640
568 * 320
1136 * 640
@2x,326ppi
iphone4/4s
960 * 640
480 * 320
960 * 640
@2x,326ppi
ipad pro
2732 * 2048
1366 * 1024
2732 * 2048
@2x,264ppi
ipad3
ipad air
ipad air2
2048 * 1536
1024 * 768
2048 * 1536
@2x,264ppi
ipad2
1024 * 768
1024 * 768
1024 * 768
@1x,163ppi
ipad mini
1024 * 768
1024 * 768
1024 * 768
@1x,163ppi
ipad mini2
ipad mini4
2048 * 1536
1024 * 768
2048 * 1536
@2x,163ppi
需要注意的是,iphone6和6plus可以設定標準模式和放大模式。在放大模式下,6plus會退化為375x667,此時應該當成iphone6來做適配。而iphone6會退化為320x568,應該當作iphone5來適配。
iphone6plus有兩種顯示模式,標準模式解析度為1242x2208,放大模式解析度為1125x2001(即iphone 6的1.5倍)。
選擇一種尺寸為設計和開發基準
定義一套適配準則,自動適配
特殊適配效果給出設計結果
首先用iphone6(寬750px)做設計,同時等比放大1.5倍生成寬度1125px的設計稿,在1125px的稿子裡切圖.
程式開發用:乙個是程式用到的@3x切圖資源,另乙個是寬度750px的設計標註圖。
完成iphone6(375pt)的介面開發,自動布局的方式,方便繼續是適配到其他尺寸。
螢幕適配:6p(414pt) 5s(320pt)
iOS字型根據不同螢幕尺寸適配
因為檢視使用storyboard 和 xib拖拽進來了,如果需要對不同大小的螢幕進行font 字型適配的話可以使用分類。在load 方法中 利用oc的執行時機制,對所有的 uibutton uilabel 做處理。關鍵 uibutton 按鈕的處理方式 void load id myinitwith...
React Native螢幕尺寸適配
現在的手機品牌和型號越來越多,導致我們平時寫布局的時候會在個不同的移動裝置上顯示的效果不同,比如我們的設計稿乙個view的大小是300,如果直接寫300,可能在當前裝置顯示正常,但到了其他裝置可能就會偏小或者偏大,這就需要我們對螢幕進行適配。安卓原生的話有自己的適配規則,可以根據不同的尺寸建立不同的...
適配 iOS尺寸
蘋果iphone 5主屏尺寸 4英吋螢幕尺寸 iphone 6 plus 5.5英吋的,iphone 6 4.7 英吋的 顯示解析度 1 iphone 6 plus 採用標準的 1920 1080解析度螢幕,ppi值為401 2 iphone 6 則採用了1334 750解析度的螢幕,ppi值為32...