微信设计稿尺寸

APP设计稿尺寸规范

设备	像素（points）	渲染像素（Rendered Pixels）	物理像素（Physical Pixels）	像素比（Device Pixel Ratio）	Status Bar 状态栏高 (px)	Title Bar 导航条高 (px)	Tab Bar 底栏/标签栏高 (px)	图片资源后缀
iPhone 4/s	320 × 480	640 × 960	640 × 960	2	20px	44px	49px	@2x
iPhone 5/s	320 × 568	640 × 1136	640 × 1136	2	40px	88px	98px	@2x
iPhone 6	375 × 667	750 × 1334	750 × 1334	2	40px	88px	98px	@2x
iPhone 6 Plus	414 × 736	1242 × 2208	1080 × 1920	3	54px	132px	146px	@3x

• 国外手机屏幕介绍

微信浏览器 - 可视区域适口大小 Chrome浏览器 Emulation模拟器设置值

设备	微信	设计稿	像素比	说明
iPhone 4/s	320 × 416	640 × 960	2	设计稿 - 128px (状态栏 + 导航栏高度) = 视图高度
iPhone 5/s	320 × 504	640 × 1008	2
iPhone 6	375 × 603	750 × 1206	2
iPhone 6 Plus	414 × 672		3
华为Meta 8	360 × 532		3	本人机子亲测 屏幕高度640 - (状态栏24px + 导航栏48px + 底部标签栏36px) 高度是 108px = 532px

• 说明：此表用于本人Chrome浏览器 Emulation模拟器测试