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 ...
随机推荐
- No.1_1 java语言基础_学习笔记
import java.util.Scanner; public class HelloWorld { static final double PI=3.14; static int x=125; / ...
- yii2 改变首页，变成登录页
在main.php中添加'defaultRoute'=>'site/login',//默认路由,控制显示的第一个页面,控制器+方法
- Tomcat学习笔记 - 错误日志 - NetBeans配置tomcat出错情况总结 -- 部署错误: 启动 Tomcat 失败。-- '127.0.0.1' 不是内部或外部命令，也不是可运行的程序
真的管用,不知道为啥管用.转载自:http://blog.sina.com.cn/s/blog_709548200102vgy4.html 问题描述: 新安装的NetBeans8.0.2,安装过程中还 ...
- linux mysql 优化
第一 在 /etc/my.cnf 中加入 skip-name-resolve ,重启mysql,这样就能禁用DNS解析,连接速度会快很多.不过,这样的话就不能在MySQL的授权表中使用主机名了而只能用 ...
- java中Timer计时器使用
1.新建计时器Timer对象 2.给计时器安排任务,schedule方法 3.取消计时器中分配的任务,purge方法 4.终止计时器,cancel方法 注意:如果计时器已经终止,还要给计时器安排任务, ...
- instancetype和id的区别
一.什么是instancetype instancetype是clang 3.5开始,clang提供的一个关键字,表示某个方法返回的未知类型的Objective-C对象.我们都知道未知类型的的对象可以 ...
- WPF笔记(2.7 文字布局)——Layout
原文:WPF笔记(2.7 文字布局)--Layout 这一节介绍的是文字布局的几个控件:1.TextBlock 最基本的文字控件可以配置5个Font属性.TextWraping属性,&quo ...
- LeeCode-Sort Colors
Given an array with n objects colored red, white or blue, sort them so that objects of the same colo ...
- GridFS
GridFS是一个建立在MongoDB文档基础之上的轻量级的文件存储规范. GridFS的一个基本思想就是可以将一个大文件分成很多块.每块作为一个单独的文档存储. GridFS支持在文档中存储二进制数 ...
- android:强大的图片下载和缓存库Picasso
1.Picasso简单介绍 Picasso是Square公司出品的一个强大的图片下载和缓存图片库.官方网址是:http://square.github.io/picasso/ 仅仅须要一句代码就能够将 ...