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 ...
随机推荐
- linux下python多版本共存
为何要安装python,linux下不是已经集成了python吗? 大多数linux系统都集成了python,但是他们的版本太低了.不能满足我们的需求,尤其是好多系统居然仍停留在 python2.6. ...
- activiti笔记三 Activiti问题重现
测试的时候出现一个异常: ContextLoader.initWebApplicationContext(308) | Context initialization failed org.spring ...
- 我对前端MVC的理解
前端MVC:(model.view.controller)模型.视图.控制器 MVC的逻辑都应该以函数的形式包装好,然后按产品业务和交互需求,使用对应的设计模式组装成合适的MVC对象或类. MVC逻辑 ...
- winform 读取保存配置文件
原文连接: public static string fileName = System.IO.Path.GetFileName(Application.ExecutablePath); ...
- BC 65 game
主持人一直某个数字在1到n范围,假设甲乙已经知道,甲先猜乙后,都采用最优策略,主持人说偏大还是偏小,不断缩小范围,问最后乙能会获胜的X的取值的个数. 如果n为奇数,那么仅当x=n/2乙必然获胜,若为奇 ...
- c# vs2010 winfrom控件检测网络环境
写下以作备用,代码附上. public partial class UserControl1 : UserControl, IObjectSafety { //检测网络状态 [DllImport(&q ...
- information_schema.engines学习
当前mysql实例的存储引擎信息可以从information_schema.engines 中查询到 例子: mysql> select * from information_schema.en ...
- TEA加密
TEA(Tiny Encryption Algorithm)是一种小型的对称加密解密算法,支持128位密码,与BlowFish一样TEA每次只能加密/解密8字节数据.TEA特点是速度快.效率高,实现也 ...
- python处理.seq文件
# Deal with .seq format for video sequence # Author: Kaij # The .seq file is combined with images, # ...
- Fragment销毁时replace和add两个方法的区别
这个首先从一个bug说起,如图: 我们都知道fragment切换有两种方式: 1. replace方式 transaction.replace(R.id.content, IndexFragmen ...