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
时间: 2024-11-02 01:55:09

Mobile Matrices的相关文章

jQuery Mobile中表单的使用体会

jQuery Mobile是手机端(移动端)页面制作用的框架,包括CSS和JavaScript,此处简单总结一下表单的书写,主要涉及CSS部分.框架提供了表单的一些样式,但在实际使用的时候,我们可能会用自己的自定义样式,这种情况下,框架提供的样式可能就不能满足我们的要求.今天项目中写登录页面的静态网页,碰到了几个问题,在这里和大家交流一下. 1 利用data-role="none" 在使用表单的时候,如果想使用自定义样式,就可以表单元素上给data-role属性赋值none,意思就是不

jQuery Mobile

1. pageinit & pageshow JQM的官方手册重点提醒了使用$(document).bind(‘pageinit’)代替$(document).ready(). 但当你需要对某一个页面(page)编写其独享的Javascript脚本时, 选择器应该选择的是该page层, 而不是document, 并使用live()添加事件处理器.这在ajaxEnable=true的情况下尤为重要. View Demo JS : $(document).bind('pageinit', funct

Mobile Push Notification

In one embodiment, a method includes sending to a mobile client computing device a first notification through a real-time push service, the first notification including content and being associated with a stateful object; the method also includes, in

史上最简单的个人移动APP开发入门--jQuery Mobile版跨平台APP开发

书是人类进步的阶梯. ——高尔基 习大大要求新新人类要有中国梦,鼓励大学生们一毕业就创业.那最好的创业途径是什么呢?就是APP.<构建跨平台APP-jQuery Mobile移动应用实战>就是一本写给没钱没身份没资历的创业小白看的APP书,看完这本书你可以拥有自己的一个APP,不用花钱就能移植到其他移动平台,支持iOS,Android,Windows Phone!!!!!!!!找个最便宜的来练手吧!  小白APP交流Q群:  348632872 清华大学出版社推出的<构建跨平台APP:j

【数据结构】Not so Mobile (6-9)

[UVA839]Not so Mobile 算法入门经典第6章6-9(P157) 题目大意:输入一个树状天平,根据力矩相等原则判断是否平衡. 试题分析:貌似没有什么难点…… #include<iostream> #include<cstring> #include<cstdio> #include<vector> #include<queue> #include<stack> #include<algorithm> usi

Dji Mobile SDK 基础实现(一)

Dji Mobile SDK 基础实现(一) 本文简要介绍如何通过调用DJI Mobile SDK,实现获取和释放无人机的控制权限.模拟遥控器按钮控制无人机的飞行.获取无人机的回传视频.获取无人机参数.实现和onboard SDK的数据透传. 下面逐个介绍以上内容,余下内容将在以后的文章介绍(文章末尾附上GitHub链接): 获取和释放权限 模拟遥控器按钮控制无人机的飞行 获取和释放权限 1.获取flightController 对象: 1 DJIFlightController flightC

jquery mobile常用的data-role类型介绍

转自原文 jquery mobile常用的data-role类型介绍 data-role参数表: page        页面容器,其内部的mobile元素将会继承这个容器上所设置的属性 header     页面标题容器,这个容器内部可以包含文字.返回按钮.功能按钮等元素 footer       页面页脚容器,这个容器内部也可以包含文字.返回按钮.功能按钮等元素 content     页面内容容器,这是一个很宽容的容器,内部可以包含标准的html元素和jQueryMobile元素 cont

如何使用chrome devtool调试Mobile网页?

凡是做过mobile网页web app开发的朋友一定对开发效率的底下会有吐槽.现在chrome dev tool改变了程序员们的苦比. 1. chrome://inspect/#devices 2. android手机中打开chrome android 3. usb连机 4. 在pc的chrome devtool中inspect即可! https://www.html5rocks.com/en/tutorials/developertools/mobile/

jQuery Mobile学习笔记

1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) 2.需要使用数据属性,数据属性是HTML5引入的,以data-开头 比如data-role可以用于定义页眉,页脚,内容,页面等 data-role="page" 是在浏览器中显示的页面. data-role="header" 是在页面顶部创建的工具条 (通常用于标题或者