Mobile Matrices
This is an attempt to compile a list of relevant specifications for all modern smart phones and mobile internet devices. It is primarily for a quick reference sheet when trying to target a specific platform with CSS media queries.
Apple:
| Model | Operating System | Browser | Screen Size | Screen Resolution | Screen Density |
| iPhone (Original, 3G, 3GS) | iOS 1.0 – 5.0.1 | Mobile Safari | 3.5" (8.9 cm) | 320 × 480 px | 162ppi |
| iPhone 4 | iOS 4.0 – 7.1.1 | Mobile Safari | 3.5" (8.9 cm) | 640 × 960 px | 326ppi |
| iPhone 4S | iOS 4.0 – 8.0 | Mobile Safari | 3.5" (8.9 cm) | 640 × 960 px | 326ppi |
| iPhone 5 | iOS 6.0 – 8.0 | Mobile Safari | 4" (10 cm) | 640 × 1136 px | 326ppi |
| iPhone 6 | iOS 8.0 | Mobile Safari | 4.7" (11.9 cm) | 1334 × 750 px | 326ppi |
| iPhone 6+ | iOS 8.0 | Mobile Safari | 5.5" (13.9 cm) | 1920 × 1080 px | 401ppi |
| iPad Mini | iOS 7.1.1 – 8.0 | Mobile Safari | 7.9" (20 cm) | 1024 × 768 px | 163ppi |
| iPad 1 | iOS 3.2 – 5.1 | Mobile Safari | 9.7" (25 cm) | 1024 × 768 px | 132ppi |
| iPad 2 | iOS 5.0 – 8.0 | Mobile Safari | 9.7" (25 cm) | 1024 × 768 px | 132ppi |
| iPad 3 | iOS 5.1 – 8.0 | Mobile Safari | 9.7" (25 cm) | 2048 × 1536 px | 264ppi |
HTC:
| Model | Operating System | Browser | Screen Size (Diagonal) | Screen Resolution | Screen Density |
| Google Nexus One | Android 2.1-2.3.6 | – | 3.7" (9.4 cm) | 480 × 800 px | 252ppi |
| HTC Dream | Android 1.0-1.6 | – | 3.2" (8.1 cm) | 320 × 480 px | 181ppi |
| HTC Magic | Android 1.6-2.2.1 | – | 3.2" (8.1 cm) | 320 × 480 px | 181ppi |
| HTC Hero | Android 1.5-2.1 | – | 3.2" (8.1 cm) | 320 × 480 px | 181ppi |
| HTC Wildfire | Android 2.1 | – | 3.2" (8.1 cm) | 240 × 320 px | 125ppi |
| HTC Touch (Diamond, Pro) | Windows Mobile 6.1 | – | 2.8" (7.1 cm) | 480 × 640 px | 286ppi |
| HTC Touch HD | Windows Mobile 6.1 | – | 3.8" (9.7 cm) | 480 × 800 px | 202ppi |
| HTC Touch Diamond2 | Windows Mobile 6.5 | IEMobile 6 | 3.2" (8.1 cm) | 480 × 800 px | 292ppi |
| HTC Touch Pro2 | Windows Mobile 6.5 | IEMobile 6 | 3.6" (9.1 cm) | 480 × 800 px | 259ppi |
| HTC Tattoo | Android 1.6 | – | 2.8" (7.1 cm) | 240 × 320 px | 143ppi |
| HTC Touch2 | Windows Mobile 6.5 | IEMobile 6 | 2.8" (7.1 cm) | 240 × 320 px | 143ppi |
| HTC Wizard | Windows Mobile 5.0 | – | 2.8" (7.1 cm) | 240 × 320 px | 143ppi |
| HTC HD2 | Windows Mobile 6.5 | IEMobile 6 | 4.3" (10.9cm) | 480 × 800 px | 217ppi |
| HTC EVO | Android 2.2 | – | 4.3" (10.9cm) | 480 × 800 px | 217ppi |
| HTC EVO Shift 4G | Android 2.2-2.3.3 | – | 3.6" (9.1 cm) | 480 × 800 px | 259ppi |
| HTC Desire | Android 2.1-2.2 | – | 3.7" (9.4 cm) | 480 × 800 px | 252ppi |
| HTC Desire HD | Android 2.2-2.3.3 | – | 4.3" (10.9 cm) | 480 × 800 px | 218ppi |
| Droid Incredible | Android 2.1-2.2 | – | 3.7" (9.4 cm) | 480 × 800 px | 252ppi |
Motorola:
| Model | Operating System | Browser | Screen Size | Screen Resolution | Screen Density |
| Droid | Android | Webkit-based | 3.7" (9.4 cm) | 854 × 480 px | 265ppi |
| Droid X | Android | Webkit-based | 4.3" (10.9cm) | 854 × 480 px | 228ppi |
| Xoom | Android | Webkit-based | 10.1" (26cm) | 1280 × 800 px | 150ppi |
Samsung:
| Model | Operating System | Browser | Screen Size | Screen Resolution | Screen Density |
| Google Nexus S | Android 2.3.4-4.0.3 | – | 4.0" (10 cm) | 480 × 800 px | 233ppi |
| Galaxy S | Android 2.2.1-2.3.4 | Webkit-based | 4.0 in (10.2 cm) | 800 × 480 px | 233 ppi |
| Galaxy S II | Android 2.3.3 | Chrome (V8 JavaScript engine) | 4.27 in (10.8 cm) | 800 × 480 px | 218 ppi |
| Galaxy Nexus | Android 4.0.3 | – | 4.65" (11.8 cm) | 720 × 1280 px | 316 ppi |
| Focus | Windows Phone 7.5 | IE Mobile 9 | 4" (10.16 cm) | 800 × 480 px | 233 ppi |
Palm:
| Model | Operating System | Browser | Screen Size | Screen Resolution | Screen Density |
| Pre 2 | WebOS 2.0 | Webkit-based | 3.1" (7.9 cm) | 320 × 480 px | 186ppi |
RIM BlackBerry:
| Model | Operating System | Browser | Screen Size | Screen Resolution | Screen Density |
| Curve (8900) | BlackBerry OS | Proprietary | 2.44" (6.2 cm) | 480 × 360 px | 246ppi |
| Tour (9630) | BlackBerry OS | Proprietary | 2.44" (6.2 cm) | 480 × 360 px | 246ppi |
| Bold (9650, 9700 , 9780) | BlackBerry OS | Proprietary | 2.44" (6.2 cm) | 480 × 360 px | 246ppi |
| PlayBook | BlackBerry OS | Webkit | 7" (17.78 cm) | 1024 × 600 px | 169.3ppi |
Nokia:
| Model | Operating System | Browser | Screen Size | Screen Resolution | Screen Density |
| N900 | Maemo | MicroB (Gecko based) | 3.5" (8.89 cm) | 480 × 800 px | 267ppi |
| E72 | Symbian OS v9.3 | NokiaBrowser 7.3.1.26 | 2.36" (5.99 cm) | 320 × 240 px | – |
| Lumia 900 | Windows Phone 7.5 | IE Mobile 9 | 4.3" (10.92 cm) | 480 × 800 px | 217ppi |
Kindle:
| Model | Operating System | Browser | Screen Size | Screen Resolution | Screen Density | Color Depth |
| Kindle 3 | Linux | WebKit | 6" (15.24 cm) | 600 × 800 px | 167ppi | 16-level grey scale |
Mobile Matrices的更多相关文章
- UWP开发之Mvvmlight实践七：如何查找设备（Mobile模拟器、实体手机、PC）中应用的Log等文件
在开发中或者后期测试乃至最后交付使用的时候,如果应用出问题了我们一般的做法就是查看Log文件.上章也提到了查看Log文件,这章重点讲解下如何查看Log文件?如何找到我们需要的Packages安装包目录 ...
- ipad&mobile通用webapp框架前哨战
响应式设计的意义 随着移动设备的发展,移动设备以迅猛的势头分刮着PC的占有率,ipad或者android pad的市场占有率稳步提升,所以我们的程序需要在ipad上很好的运行,对于公司来说有以下负担: ...
- jQuery Mobile入门
转:http://www.cnblogs.com/linjiqin/archive/2011/07/17/2108896.html 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的 ...
- 解决Jquery mobile点击较长文本body的时候Header和footer会渐入渐出的问题
在做一个Phonegap+Jqm工程的时候,出现了如题的问题,相信很多人都遇到过Jquerymobile点击body时候header和footer会闪烁的显示和隐藏问题,fixed却并不能真 ...
- jquery mobile 问问多多
jquery mobile 问题多多,兼容性太差.android4.1下完全崩溃.以后再也不用jquery mobile了
- front end about mobile web techs
WEB OF DEVICES http://www.w3.org/standards/webofdevices/ MOBILE WEB http://www.w3.org/standards/webd ...
- Mobile Web中URL设计问题
自己虽然也注册了CSDN账号,但是没有在上面发表过博客等内容.不过经常在Google里面搜索相关内容时,会显示csdn的结果.这也说明国内很多IT人员都会在CSDN发表博客,记录解决问题过程或者想法. ...
- jquery.mobile手机网页简要
先上最终效果: 最近做了一个用手机浏览器访问的web应用,采用较流行的HTML5,为了提高开发效率节省时间决定采用现有开源框架,免去了自己做设计与兼容性. 一些比较优秀的框架:10大优秀的移动Web应 ...
- jQuery Mobile案例,最近用Moon.Web和Moon.Orm做了一套系统
一.简介 先说说,我们的主题.jQuery Mobile,最近用Moon.Web和Moon.Orm做了一套系统 jQuery Mobile是jQuery 在手机上和平板设备上的版本.jQuery ...
随机推荐
- 记录一下C#+Oracle批量插入的一个方法
public bool insertOracle(DataTable dataTable, string sql) // Oracle sql 查询的是表头 { string ConnStr = Wi ...
- jQuery模糊选择
属性字头选择器(Attribute Contains Prefix Selector) jQuery 属性字头选择器的使用格式是 jQuery(‘[attribute|=value]‘) ,例如 jQ ...
- 子元素用margin-top 为什么反而作用在父元素上？对使用margin-top 的元素本身不起作用？
在这个说明中,“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容.padding区域.bor ...
- centos源码安装git
因为Centos上yum安装的话可能版本比较低,使用中会有一些难以预料的问题出现. 从源代码编译安装方法: #Centos执行: yum install curl-devel expat-devel ...
- Git学习05 －－分支管理02
1.冲突 产生冲突后,查看readme.txt 可以看到冲突内容 <<<<<<< ======= >>>>>>> ...
- Typecho 代码阅读笔记（一） - 页面渲染及路由机制
转载请注明出处:http://blog.csdn.net/jh_zzz 从 index.php 开始看, /** 初始化组件 */ Typecho_Widget:: widget('Widget_In ...
- Google谷歌搜索引擎登录网站 - Blog透视镜
建置好了网站之后,为了能提升流量或是增加曝光度,Mix通常会到Google谷歌,用手动登录的方式,登录网站,不久之后,搜索引擎就会派遣蜘蛛机器人,来检索你的网站,等一段时间之后,就会出现在搜索引擎内, ...
- poj 1036 Gangsters
http://poj.org/problem?id=1036 题意:N个土匪,伸缩门的范围是K, 时间T, 伸缩门在[0, k]范围内变动,每个单位时间可以不变伸长或者缩短一个单位.给出每个最烦到达的 ...
- DropBox与Box的区别，包括直接的投资人的评价（本地Sync可能还是挺重要的）
作者:曲凯链接:http://www.zhihu.com/question/22207220/answer/20642357来源:知乎著作权归作者所有,转载请联系作者获得授权. Box和Dropbox ...
- C语言中不同类型的循环（Different types of loops in C）
C语言中有三种类型的循环:for,while,do-while. while循环先判断循环条件. while (condition) { //gets executed after condition ...