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的更多相关文章

  1. UWP开发之Mvvmlight实践七：如何查找设备（Mobile模拟器、实体手机、PC）中应用的Log等文件

    在开发中或者后期测试乃至最后交付使用的时候,如果应用出问题了我们一般的做法就是查看Log文件.上章也提到了查看Log文件,这章重点讲解下如何查看Log文件?如何找到我们需要的Packages安装包目录 ...

  2. ipad&mobile通用webapp框架前哨战

    响应式设计的意义 随着移动设备的发展,移动设备以迅猛的势头分刮着PC的占有率,ipad或者android pad的市场占有率稳步提升,所以我们的程序需要在ipad上很好的运行,对于公司来说有以下负担: ...

  3. jQuery Mobile入门

    转:http://www.cnblogs.com/linjiqin/archive/2011/07/17/2108896.html 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的 ...

  4. 解决Jquery mobile点击较长文本body的时候Header和footer会渐入渐出的问题

         在做一个Phonegap+Jqm工程的时候,出现了如题的问题,相信很多人都遇到过Jquerymobile点击body时候header和footer会闪烁的显示和隐藏问题,fixed却并不能真 ...

  5. jquery mobile 问问多多

    jquery mobile  问题多多,兼容性太差.android4.1下完全崩溃.以后再也不用jquery mobile了

  6. front end about mobile web techs

    WEB OF DEVICES http://www.w3.org/standards/webofdevices/ MOBILE WEB http://www.w3.org/standards/webd ...

  7. Mobile Web中URL设计问题

    自己虽然也注册了CSDN账号,但是没有在上面发表过博客等内容.不过经常在Google里面搜索相关内容时,会显示csdn的结果.这也说明国内很多IT人员都会在CSDN发表博客,记录解决问题过程或者想法. ...

  8. jquery.mobile手机网页简要

    先上最终效果: 最近做了一个用手机浏览器访问的web应用,采用较流行的HTML5,为了提高开发效率节省时间决定采用现有开源框架,免去了自己做设计与兼容性. 一些比较优秀的框架:10大优秀的移动Web应 ...

  9. jQuery Mobile案例,最近用Moon.Web和Moon.Orm做了一套系统

      一.简介 先说说,我们的主题.jQuery Mobile,最近用Moon.Web和Moon.Orm做了一套系统 jQuery Mobile是jQuery 在手机上和平板设备上的版本.jQuery ...

随机推荐

  1. 从汇编看c++中的placement operator new

    placement operator new是重载的operator new运算符,它允许我们将对象放到一个指定的内存中.下面来看c++源码: class X { private: int _x; p ...

  2. linux下python3连接mysql数据库

    python语言的3.x完全不向前兼容,导致我们在python2.x中可以正常使用的库,到了python3就用不了了.比如说mysqldb 1.安装pymysql pymysql就是作为python3 ...

  3. gradle构建依赖

    本地依赖 gradle 作为构建工具,能够很方便的使用本地jar包,以下为使用的代码块. dependencies { //单文件依赖 compile files('libs/android-supp ...

  4. Struts1.x下使用jquery的Ajax获取后台数据

        jquery中有多种Ajax方法来获取后台数据,我使用的是$.get()方法,具体的理论我不解释太多,要解释也是从别的地方copy过来的.下面就介绍我的项目中的实现方法.     前台页面: ...

  5. css white-space

    以下是对上面几个属性的测试效果如下: 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <m ...

  6. PHP怎么实现网站中，同一个用户不能同时在线？

    先上图,看个大概: 一般的原则就是,后一个用户登录时会把前一个用户踢下线. 在用户首次登录时,我们会把用户的sessionid保存到数据库,这个是用户的唯一标识.方便后边操作. 用户只有在登录时才会和 ...

  7. [Head First Python]4. pickle.dump pickle.load

    sketch.py #--*-- coding:utf-8 --*-- import pickle import nester man = [] other = [] try: data = open ...

  8. ZendFramework 环境部署

    查看源码 int_autoloader.php 文件中,发现应用了一个 AutoloaderFactory 的命名空间,路径写得是相对路径,所以需要在 php.ini 中定义一个 inclde_pat ...

  9. information_schema.column_privileges 学习

    mysql 的授权是分层次的 实例级 | 库级 | 表级 | 列级 而这些授权信息被保存在了mysql.user | mysql.db | mysql.tables_priv | mysql.colu ...

  10. 动态创建和移除HTML标签

    1.w3school定义 添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插 ...