2024年2月15日发(作者:第五飞文)
移动设备尺寸规汇总
iPhone界面尺寸
设备 分辨率 PPI 状态栏高度 导航栏高度
iPhone6 plus设计版
iPhone6 plus放大版
iPhone6 plus物理版
1242×2208 px 401PPI 60px 132px
1125×2001 px
1080×1920 px
401PPI
401PPI
54px
54px
132px
132px
iPhone6
750×1334 px 326PPI 40px 88px
iPhone5 – 5C – 5S
640×1136 px 326PPI 40px 88px
iPhone4 – 4S
640×960 px 326PPI 40px 88px
320×480 px
iPhone & iPod Touch第一代、第二代、第三代
163PPI 20px 44px
iPhone图标尺寸:
设备 App Store 程序应用 主屏幕
Spotlight搜索
标签栏
iPhone6 Plus
(3×)
1024×1024
px
180×180
px
114×114
px
87×87 px
75×75
px
iPhone6
(2×)
1024×1024 120×120 114×114
58×58 px
75×75
px
1024×1024
px
1024×1024
px
px
120×120
px
120×120
px
120×120
px
px
114×114
px
114×114
px
px
iPhone5 – 5C – 5S
(2×) 58×58 px
75×75
px
iPhone4 – 4S
(2×) 58×58 px
75×75
px
iPhone & iPod Touch第一代、1024×1024
第二代、第三代 px
57×57 px 29×29 px
38×38
px
iPad的设计尺寸
设备 尺寸 分辨率 状态栏高度 导航栏高度
2048×1536 px
iPad 3 – 4 – 5 – 6 – Air
– Air2 – mini2
264PPI 40px 88px
iPad 1 – 2
iPad Mini
1024×768 px
1024×768 px
132PPI
163PPI
20px
20px
44px
44px
iPad图标尺寸:
设备 App Store 程序应用 主屏幕
Spotlight搜索
100×100
px
标签栏
iPad 3 – 4 – 5 – 6 – Air 1024×1024
– Air2 – mini2 px
1024×1024
px
1024×1024
px
180×180
px
144×144
px
50×50
px
iPad 1 – 2 90×90 px 72×72 px 50×50 px
25×25
px
iPad Mini
90×90 px 72×72 px 50×50 px
25×25
px
Android SDK模拟机的尺寸
屏幕大小
小屏幕
低密度(120) 中等密度(160) 高密度(240)
QVGA(240×320)
480×640
WVGA800(480×800)
WQVGA400(240×400)
普通屏幕
WQVGA432(240×432)
600×1024
WVGA800 *(480×800)
WVGA800 *(480×800)
大屏幕
WVGA854 *(480×854)
600×1024
超大屏幕 1024×600 1024×768 1536×1152
WVGA854 *(480×854)
HVGA(320×480) WVGA854(480×854)
1280×768WXGA(1280×800) 1920×1152
1920×1200
Android的图标尺寸
屏幕大小
320×480 px
480×800px
480×854px
540×960px
720×1280 px
1080×1920 px
48×48 dp
144×144 px
32×32 dp
96×96 px
16×16 dp
48×48 px
24×24 dp
72×72 px
72×72 px 48×48 px 24×24 px 36×36 px
启动图标
48×48 px
操作栏图标
32×32 px
上下文图标
16×16 px
系统通知图标(白色)
24×24 px
Android安卓系统dp/sp/px换算表
名称
idpi
mdpi
hdpi
xhdpi
xxhdpi
分辨率
240×320
320×480
480×800
720×1280
1080×1920
比率 rate (针对320px)
0.75
1
1.5
2.25
3.375
比率 rate (针对640px)
0.375
0.5
0.75
1.125
1.6875
比率 rate0.32
0.4267
0.64
1.042
1.5
主流Android手机分辨率和尺寸
设备 尺寸 分辨率 设备 尺寸
魅族MX2
4.4英寸 800×1280 px
魅族MX3
5.1英寸
魅族MX4
5.36英寸 1152×1920 px
魅族MX4 Pro未上市
5.5英寸
三星GALAXY Note 4
5.7英寸 1440×2560 px
三星GALAXY Note 3
5.7英寸
三星GALAXY S5
5.1英寸 1080×1920 px
三星GALAXY Note II
5.5英寸
索尼Xperia Z3
5.2英寸 1080×1920 px
索尼XL39h
6.44英寸
HTC Desire 820
5.5英寸 720×1280 px
HTC One M8
4.7英寸
OPPO Find 7
5.5英寸 1440×2560 px
OPPO N1
5.9英寸
OPPO R3
5英寸 720×1280 px
OPPO N1 Mini
5英寸
小米M4
5英寸 1080×1920 px
小米红米Note
5.5英寸
小米M3
5英寸 1080×1920 px
小米红米1S
4.7英寸
小米M3S未上市
5英寸 1080×1920 px
小米M2S
4.3英寸
华为荣耀6
5英寸 1080×1920 px
锤子T1
4.95英寸
LG G3
5.5英寸 1440×2560 px
OnePlus One
5.5英寸
主流浏览器的界面参数与份额
浏览器 状态栏 菜单栏 滚动条 市场Chrome 浏览器
22 px(浮动出现) 60 px 15 px 8%
火狐浏览器
20 px 132 px 15 px 1%
IE浏览器
24 px 120 px 15 px 35%
360 浏览器
24 px 140 px 15 px 28%
遨游浏览器
24 px 147 px 15 px 1%
搜狗浏览器
25 px 163 px 15 px 5%
系统分辨率统计
分辨率
1366×768
1920×1080
1280×800
1680×1050
480×800
占有率
15%
11%
4%
2.8%
2%
分辨率
1440×900
1600×900
1280×1024
320×480
1280×768
占有13%
5%
3%
2.4%1%
网页宽度与首屏高度
2024年2月15日发(作者:第五飞文)
移动设备尺寸规汇总
iPhone界面尺寸
设备 分辨率 PPI 状态栏高度 导航栏高度
iPhone6 plus设计版
iPhone6 plus放大版
iPhone6 plus物理版
1242×2208 px 401PPI 60px 132px
1125×2001 px
1080×1920 px
401PPI
401PPI
54px
54px
132px
132px
iPhone6
750×1334 px 326PPI 40px 88px
iPhone5 – 5C – 5S
640×1136 px 326PPI 40px 88px
iPhone4 – 4S
640×960 px 326PPI 40px 88px
320×480 px
iPhone & iPod Touch第一代、第二代、第三代
163PPI 20px 44px
iPhone图标尺寸:
设备 App Store 程序应用 主屏幕
Spotlight搜索
标签栏
iPhone6 Plus
(3×)
1024×1024
px
180×180
px
114×114
px
87×87 px
75×75
px
iPhone6
(2×)
1024×1024 120×120 114×114
58×58 px
75×75
px
1024×1024
px
1024×1024
px
px
120×120
px
120×120
px
120×120
px
px
114×114
px
114×114
px
px
iPhone5 – 5C – 5S
(2×) 58×58 px
75×75
px
iPhone4 – 4S
(2×) 58×58 px
75×75
px
iPhone & iPod Touch第一代、1024×1024
第二代、第三代 px
57×57 px 29×29 px
38×38
px
iPad的设计尺寸
设备 尺寸 分辨率 状态栏高度 导航栏高度
2048×1536 px
iPad 3 – 4 – 5 – 6 – Air
– Air2 – mini2
264PPI 40px 88px
iPad 1 – 2
iPad Mini
1024×768 px
1024×768 px
132PPI
163PPI
20px
20px
44px
44px
iPad图标尺寸:
设备 App Store 程序应用 主屏幕
Spotlight搜索
100×100
px
标签栏
iPad 3 – 4 – 5 – 6 – Air 1024×1024
– Air2 – mini2 px
1024×1024
px
1024×1024
px
180×180
px
144×144
px
50×50
px
iPad 1 – 2 90×90 px 72×72 px 50×50 px
25×25
px
iPad Mini
90×90 px 72×72 px 50×50 px
25×25
px
Android SDK模拟机的尺寸
屏幕大小
小屏幕
低密度(120) 中等密度(160) 高密度(240)
QVGA(240×320)
480×640
WVGA800(480×800)
WQVGA400(240×400)
普通屏幕
WQVGA432(240×432)
600×1024
WVGA800 *(480×800)
WVGA800 *(480×800)
大屏幕
WVGA854 *(480×854)
600×1024
超大屏幕 1024×600 1024×768 1536×1152
WVGA854 *(480×854)
HVGA(320×480) WVGA854(480×854)
1280×768WXGA(1280×800) 1920×1152
1920×1200
Android的图标尺寸
屏幕大小
320×480 px
480×800px
480×854px
540×960px
720×1280 px
1080×1920 px
48×48 dp
144×144 px
32×32 dp
96×96 px
16×16 dp
48×48 px
24×24 dp
72×72 px
72×72 px 48×48 px 24×24 px 36×36 px
启动图标
48×48 px
操作栏图标
32×32 px
上下文图标
16×16 px
系统通知图标(白色)
24×24 px
Android安卓系统dp/sp/px换算表
名称
idpi
mdpi
hdpi
xhdpi
xxhdpi
分辨率
240×320
320×480
480×800
720×1280
1080×1920
比率 rate (针对320px)
0.75
1
1.5
2.25
3.375
比率 rate (针对640px)
0.375
0.5
0.75
1.125
1.6875
比率 rate0.32
0.4267
0.64
1.042
1.5
主流Android手机分辨率和尺寸
设备 尺寸 分辨率 设备 尺寸
魅族MX2
4.4英寸 800×1280 px
魅族MX3
5.1英寸
魅族MX4
5.36英寸 1152×1920 px
魅族MX4 Pro未上市
5.5英寸
三星GALAXY Note 4
5.7英寸 1440×2560 px
三星GALAXY Note 3
5.7英寸
三星GALAXY S5
5.1英寸 1080×1920 px
三星GALAXY Note II
5.5英寸
索尼Xperia Z3
5.2英寸 1080×1920 px
索尼XL39h
6.44英寸
HTC Desire 820
5.5英寸 720×1280 px
HTC One M8
4.7英寸
OPPO Find 7
5.5英寸 1440×2560 px
OPPO N1
5.9英寸
OPPO R3
5英寸 720×1280 px
OPPO N1 Mini
5英寸
小米M4
5英寸 1080×1920 px
小米红米Note
5.5英寸
小米M3
5英寸 1080×1920 px
小米红米1S
4.7英寸
小米M3S未上市
5英寸 1080×1920 px
小米M2S
4.3英寸
华为荣耀6
5英寸 1080×1920 px
锤子T1
4.95英寸
LG G3
5.5英寸 1440×2560 px
OnePlus One
5.5英寸
主流浏览器的界面参数与份额
浏览器 状态栏 菜单栏 滚动条 市场Chrome 浏览器
22 px(浮动出现) 60 px 15 px 8%
火狐浏览器
20 px 132 px 15 px 1%
IE浏览器
24 px 120 px 15 px 35%
360 浏览器
24 px 140 px 15 px 28%
遨游浏览器
24 px 147 px 15 px 1%
搜狗浏览器
25 px 163 px 15 px 5%
系统分辨率统计
分辨率
1366×768
1920×1080
1280×800
1680×1050
480×800
占有率
15%
11%
4%
2.8%
2%
分辨率
1440×900
1600×900
1280×1024
320×480
1280×768
占有13%
5%
3%
2.4%1%
网页宽度与首屏高度