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. git merge的recursive策略和merge-base

    git的合并策略总共有3种,一种是resovle,一种是recursive,一种是octopus.其中resolve和recursive适用于合并2个branch,octopus适用于合并3个或者3个 ...

  2. No1_4.数组的基本操作_Java学习笔记

    import java.util.Arrays; public class HelloArrayOp { public static void main(String[] args) { // TOD ...

  3. MySQL 常用字段类型，介绍及其建表使用方法经验分享

    由于工作的公司没有专业的DBA又经常需要建立各种各种的表来满足自己的业务逻辑,所以经常查看MySQL 手册或者谷歌查看相关资料,所以本人就根据我的工作经验和相关资料来介绍一下MySQL各种字段类型及其 ...

  4. 'data-'属性的作用是什么?

    data-为前端开发者提供自定义的属性,这些属性集可以通过对象的dataset属性获取,不支持该属性的浏览器可以通过 getAttribute方法获取.ppk提到过使用rel属性,lightbox库推 ...

  5. web中的中文字体的英文名称

    自从font-face出现以后,字体样式就不再是web开发者的难题了,但是对于移动端的中文来说,问题还是存在的,因为中文文件大小最少要3M+,即使选择性的加载某个字的字体,那也会出现不易替换的问题,所 ...

  6. Delphi 10.1 Berlin 与 Delphi 10 Seattle 共存

    以下安装环境是win7 64位 1. 安装Delphi10.1 Berlin 版本. 2.修改C:\Program Files (x86)\Embarcadero\Studio\18.0\cglm.i ...

  7. 异常处理与调试4 - 零基础入门学习Delphi53

    调试(Debug) 让编程改变世界 Change the world by program 调试(Debug) 在应用程序开发中检测.处理程序中的错误是一个非常重要的环节.在Delphi的集成开发环境 ...

  8. Cognitive Radio Emergency Networks – Requirements and Design

    2005 IEEE 这是一个典型的Ad hoc场景.紧急情况下的临时自组网络.虽然之前的论文中把它标记为out-of-band global coverage,但这个也是分组的,每个组有个gatewa ...

  9. js中得call()方法和apply()方法的用法

    方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方 ...

  10. kibana 版本kibana-4.3.1 修改地图

    进入到安装目录下的src/ui/public/vislib/visualizations/目录 1.编辑_map.js文件 1 2 //url: 'https://otile{s}-s.mqcdn.c ...