iPhone/iPad/Android UI尺寸规范

网页设计 跟版网
iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 12422208 px 401PPI 60px 132px 146px iPhone6 plus放大版 11252001 px 401PPI 54px 132px 146px iPhone6 plus物理版 10801920 px 401PPI 54px 132px 146px iPhone6 75

iPhone界面尺寸

设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度

iPhone6 plus设计版

 1242×2208 px 401PPI 60px 132px 146px

iPhone6 plus放大版

 1125×2001 px 401PPI 54px 132px 146px

iPhone6 plus物理版

 1080×1920 px 401PPI 54px 132px 146px

iPhone6

 750×1334 px 326PPI 40px 88px 98px

iPhone5 - 5C - 5S

 640×1136 px 326PPI 40px 88px 98px

iPhone4 - 4S

 640×960 px 326PPI 40px 88px 98px

iPhone & iPod Touch第一代、第二代、第三代

 320×480 px 163PPI 20px 44px 49px

iPhone图标尺寸：

设备 App Store 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏

iPhone6 Plus (@3×)

 1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

iPhone6 (@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手机分辨率和尺寸

设备 分辨率 尺寸 设备 分辨率 尺寸

魅族MX2

 4.4英寸 800×1280 px

魅族MX3

 5.1英寸 1080×1280 px

魅族MX4

 5.36英寸 1152×1920 px

魅族MX4 Pro未上市

 5.5英寸 1536×2560 px

三星GALAXY Note 4

 5.7英寸 1440×2560 px

三星GALAXY Note 3

 5.7英寸 1080×1920 px

三星GALAXY S5

 5.1英寸 1080×1920 px

三星GALAXY Note II

 5.5英寸 720×1280 px

索尼Xperia Z3

 5.2英寸 1080×1920 px

索尼XL39h

 6.44英寸 1080×1920 px

HTC Desire 820

 5.5英寸 720×1280 px

HTC One M8

 4.7英寸 1080×1920 px

OPPO Find 7

 5.5英寸 1440×2560 px

OPPO N1

 5.9英寸 1080×1920 px

OPPO R3

 5英寸 720×1280 px

OPPO N1 Mini

 5英寸 720×1280 px

小米M4

 5英寸 1080×1920 px

小米红米Note

 5.5英寸 720×1280 px

小米M3

 5英寸 1080×1920 px

小米红米1S

 4.7英寸 720×1280 px

小米M3S未上市

 5英寸 1080×1920 px

小米M2S

 4.3英寸 720×1280 px

华为荣耀6

 5英寸 1080×1920 px

锤子T1

 4.95英寸 1080×1920 px

LG G3

 5.5英寸 1440×2560 px

OnePlus One

 5.5英寸 1080×1920 px

主流浏览器的界面参数与份额

浏览器 状态栏 菜单栏 滚动条 市场份额(国内)

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

 15%

1440×900

 13%

1920×1080

 11%

1600×900

 5%

1280×800

 4%

1280×1024

 3%

1680×1050

 2.8%

320×480

 2.4%

480×800

 2%

1280×768

 1%

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！
Android

相关文档推荐

使用php snoopy 类GET/POST请求模拟登陆
snoopy是一个php类，用来模仿web浏览器的功能，它能完成获取网页内容和发送表单的任务。 官方网站 http://snoopy.sourceforge.net/ 下面是它的一些特征： 方便抓取网页的内容 方便抓取网页的文字（去掉HTML代码） 方便抓取网页的链接 支持代理主机 支持基本
【CSS】实现强制不换行/自动换行/强制换行CSS样式
强制不换行div{white-space:
【CSS兼容】CSS在不同浏览器下的Hack(IE6 / IE7 /IE8 /Firefox)
在写CSS样式编码时，难免会遇到对特定的浏览器进行样式设定。在讲述CSS的Hack前，先来了解下什么是CSS Hack?什么
将HTMLCollection/NodeList/伪数组转换成数组的实现方法-javascr
跟版精品模板网提供HTMLCollection,NodeList,伪数组,等网页设计素材资源，提供相关网页设计资源的教程和免费下载。跟版网，专业织梦网页设计模板资源站。。
仅IE不支持setTimeout/setInterval函数的第三个以上参数-javascr
跟版精品模板网提供setTimeout,setInterval,等网页设计素材资源，提供相关网页设计资源的教程和免费下载。跟版网，专业织梦网页设计模板资源站。。
IE6/7/8/9不支持exec的简写方式-javascript技巧
跟版精品模板网提供exec,等网页设计素材资源，提供相关网页设计资源的教程和免费下载。跟版网，专业织梦网页设计模板资源站。。
html教程css教程前端开发cms教程seo优化网页设计服务器数据库平面设计电脑教程编程教程互联网移动开发php编程java编程建站技巧Python编程
织梦资讯网 织梦模板 dede 外语学校 织梦鬼故事 竞价网站源码 竞价培训网 门户网站 织梦二次开发 织梦笑话网 dedecms笑话网 织梦源码 网站建设 搞笑图片 织梦教程 旅游网站源码 织梦旅游网 学校培训 html5 企业织梦源码 医院源码 后台样式 移动营销页 整形医院 大学医院 新手建站 客服代码 洗衣机维修 企业网站 淘宝客 导航菜单 教育网站 学校源码 装修网站 装修模板 美容整形 女性健康 妈妈网 机械源码 建站公司 珠宝首饰 苹果网站 手机资讯 美女图片 织梦模版打包 妇科源码 安卓市场源码 男性时尚网 健康之家 app应用网站 笑话网站 下载站 美女图片网 中医院网站 家装网站源码 QQ网站 标牌网站 魔兽世界网 淘宝客源码 YY网站源码 别墅设计网站 服装搭配网 宝宝起名网 站长网站 婚庆网站 脑科医院源码 笑话源码 肝胆医院 意外怀孕源码 工作室