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 ...
随机推荐
- python中json的操作示例
先上一段示例 # -*- coding: cp936 -*- import json #构造一个示例数据,并打印成易读样式 j = {} j["userName"]="a ...
- imadjust函数分析一
声明:本文涉及到的行数皆指本文提供的附件imadjust.m的代码中行数 本文只讨论imadjust函数是一种用法,即 J = IMADJUST(I,[LOW_IN; HIGH_IN],[LOW_OU ...
- （原）lua提示cannot load incompatible bytecode
转载请注明出处: http://www.cnblogs.com/darkknightzh/p/5754872.html 前段时间用终端和zerobrane运行torch的lua程序.zerobrane ...
- R语言数据合并使用merge数据追加使用rbind和cbind
R语言中的横向数据合并merge及纵向数据合并rbind的使用 我们经常会遇到两个数据框拥有相同的时间或观测值,但这些列却不尽相同.处理的办法就是使用merge(x, y ,by.x = ,by.y ...
- LFS，编译自己的Linux系统 - 准备
概述 现在用的操作系统是Win8.1,用VMware创建一个虚拟机,3G内存(物理内存是6G,分一半),23G硬盘,其中3G用于swap分区,10G用于host system,10G用于建立LFS系统 ...
- 梯田（dfs）
梯田 Time Limit: 2000 ms Memory Limit: 256 MBTotal Submission: 26 Submission Accepted: 5 Descrip ...
- GitLab CI
GitLab CI持续集成配置方案 目录 1. 持续集成介绍 1.1 概念 1.2 持续集成的好处 2. GitLab持续集成(CI) 2.1 简介 2.2 GitLab简单原理图 2.3 Git ...
- linux环境下deb格式文件转换成rpm格式
以 alien_8.87.tar.gz 为例: 下载.安装 alien_8.87.tar.gz [root@shyn ~]# wget http://ftp.de.debian.org/debian/ ...
- 在Qt中怎样显示ASCII码大于127的字符
前段时间要显示“≤”符号找了挺久没找到方法,后面发现用以下方法可以解决: ushort gd[]={8805,0}; QString gteq=QString::fromUtf16(gd); 得 ...
- [置顶] 玩转Eclipse — 自动注释插件JAutodoc
代码注释是一种良好的编程习惯.不管对于他人还是自己,注释都有助于代码的阅读和理解.手动添加注释,是一个非常费时和繁琐的工作,严重影响软件开发效率,这也是绝大多数程序员不愿添加注释的主要原因.JAuto ...