尺寸规范

开发十年，就只剩下这套Java开发体系了 >>>   

iPhone界面尺寸

设备	分辨率	逻辑分辨率	尺寸	PPI	状态栏高度	导航栏高度	标签栏高度
iPhone X	1125×2436 px	375×812 pt	5.8 英寸	458 ppi	88 px	132 px	146 px
iPhone 6, 6s+, 7+, 8+	1242×2208 px	414×736 pt	5.5 英寸	401 ppi	60 px	132 px	146 px
iPhone 6, 6s, 7, 8	750×1334 px	375×667 pt	4.7 英寸	326 ppi	40 px	88 px	98 px
iPhone 5, 5s, 5c, SE	640×1136 px	320×568 pt	4.0 英寸	326 ppi	40 px	88 px	98 px
iPhone4, 4S	640×960 px	320×480 pt	3.5 英寸	326 ppi	40 px	88 px	98 px
iPhone 2G, 3G, 3GS	320×480 px	320×480 pt	3.5 英寸	163 ppi	20 px	44 px	49 px

iPhone图标尺寸

设备	App Store	程序应用	主屏幕	Spotlight搜索	标签栏	工具栏和导航栏
iPhone6P/6SP/7(@3×)	1024×1024 px	180×180 px	114×114 px	87×87 px	75×75 px	66×66 px
iPhone6/6S/7 (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone5/5C/5S (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone4/4S (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone & iPod Touch第一代、第二代、第三代	1024×1024 px	120×120 px	57×57 px	29×29 px	38×38 px	30×30 px

iPad的设计尺寸

设备	尺寸	分辨率	状态栏高度	导航栏高度	标签栏高度
iPad 3/4/5/6/Air/Air2/mini2	2048×1536 px	264PPI	40px	88px	98px
iPad 1/2	1024×768 px	132PPI	20px	44px	49px
iPad Mini	1024×768 px	163PPI	20px	44px	49px

iPad图标尺寸

设备	App Store	程序应用	主屏幕	Spotlight搜索	标签栏	工具栏和导航栏
iPad 3/4/5/6/Air/Air2/mini2	1024×1024 px	180×180 px	144×144 px	100×100 px	50×50 px	44×44 px
iPad 1/2	1024×1024 px	90×90 px	72×72 px	50×50 px	25×25 px	22×22 px
iPad Mini	1024×1024 px	90×90 px	72×72 px	50×50 px	25×25 px	22×22 px

 

Android SDK模拟机的尺寸

屏幕大小	低密度（120）	中等密度（160）	高密度（240）	超高密度（320）
小屏幕	QVGA（240×320）		480×640
普通屏幕	WQVGA400（240×400） WQVGA432（240×432）	HVGA（320×480）	WVGA800（480×800） WVGA854（480×854） 600×1024	640×960
大屏幕	WVGA800 *（480×800） WVGA854 *（480×854）	WVGA800 *（480×800） WVGA854 *（480×854） 600x1024
超大屏幕	1024×600	1024×768 1280×768WXGA（1280×800）	1536×1152 1920×1152 1920×1200	2048×1536 2560×1600

Android系统图标尺寸

屏幕大小	启动图标	操作栏图标	上下文图标	系统通知图标(白色)	最细笔画
320×480 px	48×48 px	32×32 px	16×16 px	24×24 px	不小于2 px
480×800px 480×854px 540×960px	72×72 px	48×48 px	24×24 px	36×36 px	不小于3 px
720×1280 px	48×48 dp	32×32 dp	16×16 dp	24×24 dp	不小于2 dp
1080×1920 px	144×144 px	96×96 px	48×48 px	72×72 px	不小于6 px

Android安卓系统dp/sp/px换算表

名称	分辨率	比率 rate (针对320px)	比率 rate (针对640px)	比率 rate (针对750px)
idpi	240×320	0.75	0.375	0.32
mdpi	320×480	1	0.5	0.4267
hdpi	480×800	1.5	0.75	0.64
xhdpi	720×1280	2.25	1.125	1.042
xxhdpi	1080×1920	3.375	1.6875	1.5

主流Android手机分辨率和尺寸

设备	尺寸	分辨率	设备	尺寸	分辨率
Vivo X9s	5.5英寸	1080x1920 px	OPPO R11	5.5英寸	1080x1920 px
三星GALAXY S8	5.8英寸	1440x2960 px	华为nova 2	5.0英寸	1080x1920 px
金立S10	5.5英寸	1080x1920 px	荣耀9	5.15英寸	1080x1920 px
小米6	5.15英寸	1080x1920 px	锤子坚果Pro	5.5英寸	1080x1920 px
努比亚Z17	5.5英寸	1080x1920 px	华为P10	5.1英寸	1080x1920 px
OPPO R9s	5.5英寸	1080x1920 px	Vivo X9	5.5英寸	1080x1920 px
Vivo Xplay6	5.46英寸	1440x2560 px	荣耀V9	5.7英寸	1440x2560 px
华为Mate 9	5.9英寸	1080x1920 px	一加手机5	5.5英寸	1080x1920 px
Vivo X9Plus	5.88英寸	1080x1920 px	魅族魅蓝Note 5	5.5英寸	1080x1920 px
荣耀9	5.15英寸	1080x1920 px	三星GALAXY S8+	6.2英寸	1440x2960 px
华为P10 Plus	5.5英寸	1440x2560 px	魅族PRO 7	5.2英寸	1080x1920 px
努比亚Z17	5.5英寸	1080x1920 px	小米5	5.15英寸	1080x1920 px
小米红米Note 4X	5.5英寸	1080x1920 px	荣耀畅玩6X	5.5英寸	1080x1920 px

PC平台浏览器界面参数与份额

浏览器	状态栏	菜单栏	滚动条	市场份额(国内)
Chrome 浏览器	22 px（浮动出现）	60 px	15 px	43.37%
火狐浏览器	20 px	132 px	15 px	1.99%
IE浏览器	24 px	120 px	15 px	23.84%
360 浏览器	24 px	140 px	15 px	28%
QQ浏览器	24 px	147 px	15 px	6.67%
搜狗浏览器	25 px	163 px	15 px	4.57%

PC屏幕分辨率比例

分辨率	占有率	分辨率	占有率
1920×1080	13.49%	1366×768	6.28%
360×640	31.22%	1440×900	4.75%
720×1280	2.51%	1024×768	2.83%
320×568	1.8%	1600×900	2.62%
414×736	3.07%	375×667	4.9%