device
scale factor
iphone x, iphone 8 plus, iphone 7 plus, and iphone 6s plus
@3xall other high-resolution ios devices
@2x 從官網的資料我們可以看出,@1x@2x@3x是蘋果ios開發不同解析度的裝置統一為乙個尺寸而標記的,數字1、2、3表示解析度的倍數。
裝置螢幕尺寸
解析度(pt)
reader
解析度(px)
渲染後ppi
iphone 3gs
3.5吋
320x480
@1x320x480
163iphone 4/4s
3.5吋
320x480
@2x640x960
330iphone 5/5s/5c
4.0吋
320x568
@2x640x1136
326iphone 6
4.7吋
375x667
@2x750x1334
326iphone 6plus
5.5吋
414x736
@3x1242x2208
1080x1920
401iphone 6s
4.7吋
375x667
@2x750x1334
326iphone 6plus
5.5吋
414x736
@3x1242x2208
1080x1920
401iphone 7
4.7吋
375x667
@2x750x1334
326iphone 7plus
5.5吋
414x736
@3x1242x2208
1080x1920
401iphone 8
4.7吋
375x667
@2x750x1334
326iphone 8plus
5.5吋
414x736
@3x1242x2208
1080x1920
401iphone x
5.8吋
375x812
@3x1125x2436
458 ui資源示例
以上做了一些簡單的說明,明白了我們標題中,@1x@2x@3x在什麼時候和什麼裝置上使用,而具體設計規範,看官方文件就知道了。
iOS中的2x,3x問題
iphone的螢幕顯示效果非常出色。剛進入市場時,iphone是當時解析度最高的手持電子裝置。不過,iphone 的顯示空間並不大,比現代計算機的螢幕空間要小很多。最初幾代iphone的螢幕解析度只有320畫素 480畫素,從iphone 4的retina螢幕開始,解析度增加到了640畫素 960畫...
以 x1,x2,x3,x4 方式的查詢
選單崗位可以以xx,xx,xx,xx的方式新增,gu laicheng,2007.8.21 session datacmd commandtext select from menu where level1 glevel1 and level2 glevel2 and level3 00 and p...
ionic 2 x 3 x專案結構解析
config.xml 專案配置檔案,包名 名稱 minsdkversion等都在此處配置 ionic.config.json package.json 專案依賴檔案列表 tsconfig.json tslint.json hooks node modules 專案依賴檔案 platforms 專案新...