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. 用GDAL/OGR去读shapefile

    一.读shapefile 1.首先,用Arcgis创建所要读的shp文件.打开ArcCatalog,右键NEW->Shapefile,名称Name:point ,要素类型(Feature Typ ...

  2. Memcache入门知识

    Memcache适合做缓存,是一款管理内存的很小的软件,实现对内存数据的管理,一般我们用memcache存储临时数据,因为内存不能储存永久化的数据,内存里面的数据,断电就消失了. memcache可以 ...

  3. GitHub项目协作基本步骤

    1.查找某个项目,然后Fork 2.打开GitHub For Windows,发现刚才Fork的项目 3.对着项目点击Clone,将之复制至本地 4.使用Eclipse等进行开发,如新增一个文件 5. ...

  4. C语言基础10

    栈区间:在函数内部声明的变量都存放在栈区间,比如int char 数组 结构体 指针,只管申请,系统会自动帮我们回收,收回的时间是作用域结束之后,遵循的原则是"先进后出". int ...

  5. .net项目IIS、VS 附加进程调试

    IIS调试 1.首先要把项目发布至IIS上,确保项目能正常运行. 2.从IIS上右键站点>管理网站>浏览 或者打开“内容视图“ 选择一个文件右键>浏览. 3.用vs打开该项目,选择 ...

  6. VS2005快捷键

    VS2005快捷键 CTRL + SHIFT + B生成解决方案 CTRL + F7 生成编译 CTRL + O 打开文件 CTRL + SHIFT + O打开项目 CTRL + SHIFT + C显 ...

  7. SQLServer优化资料整理（一）

    查询速度慢的原因很多,常见如下几种: 1.没有索引或者没有用到索引(这是查询慢最常见的问题,是程序设计的缺陷) 2.I/O吞吐量小,形成了瓶颈效应. 3.没有创建计算列导致查询不优化. 4.内存不足 ...

  8. javascript加载优化

    当加载js时,页面会一直在转,没有加载完. 如何优化这一点呢 js的加载方式介绍 同步加载---------------异步加载------------------延迟加载 异步加载仍然会触发wind ...

  9. USB系列之三：从你的U盘里读出更多的内容

    U盘是我们最常使用的一种USB设备,本文继续使用DOSUSB做驱动,试图以读取扇区的方式读取你的U盘.本文可能涉及的协议可能会比较多. 一.了解你的U盘    首先我们用上一篇文章介绍的程序usbvi ...

  10. Qt 自定义事件详细实例（继承QEvent，然后QCoreApplication::postEvent()、sendEvent()）

    创建用户事件 创建一个自定义类型的事件,首先需要有一个事件号,其值通常大于QEvent::User.为了传递事件信息,因此必须编写自定义的事件类,该事件类从QEvent继承. 编写用户事件:编写用户事 ...