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系统的启动流程
Linux系统的启动时通过读取不同的配置文件,执行相应的Shell脚本完成的.当然本文只是简单的从文件的角度分析,更深层次的本文没涉及. 主要读取了以下文件: /boot/grub/grub.con ...
- 设计模式 之 Organizing the Catalog 组织目录
Design patterns vary in their granularity and level of abstraction. Because thereare many design pat ...
- MySql移植到嵌入式Linux平台
最近在做考勤机系统,硬件采用的cortex-A8,哈哈,其实是有点浪费的,2410就可以的.所以就要考虑到考勤数据的存储问题,本来是打算用sqlite数据库存储的,可是后来发现,这个数据库只是一个本地 ...
- Oracle 10g体系机构及安全管理《思维导图》
通过学习Oracle数据库后,我对数据库又有了进一步的了解,Oracle数据库 10g体系机构分为 物理和逻辑存储结构. 下面是我对Oracle数据库做的思维导图和笔记 (全屏查看:<思维导图& ...
- css案例学习之通过relative与absolute实现带说明信息的菜单
效果如下 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...
- sort,uniq命令
文本排序:sort 默认以ASCII表排序 -n:数值排序 -r: 降序 -t: 字段分隔符 -k: 以哪个字段为关键字进行排序 -u: 排序后相同的行只显示一次 ...
- IP、路由配置
IP地址组成: 网络地址主机地址32位二进制 A类: 255.0.0.0, 8: 0 000 0001 - 0 111 1111 127个A类,127用于回环,1-126 2^7- ...
- hibernate Restrictions用法
QBC常用限定方法 Restrictions.eq --> equal,等于. Restrictions.allEq --> 参数为Map对象,使用key/value进行多个等于的比对,相 ...
- pthread_t definition
近期在看google的chromium的代码,认为其基础库base中的对于与平台有关的线程的数据结构的定义与其代码中的凝视部分不匹配. // PlatformThreadHandle should n ...
- nginx错误日志级别
在配置nginx.conf 的时候,有一项是指定错误日志的,默认情况下你不指定也没有关系,因为nginx很少有错误日志记录的.但有时出现问题时,是有必要记录一下错误日志的,方便我们排查问题.error ...