常见手机的设备分辨率和viewport分辨率,及其1rem的大小（以vmin为单位）

常见的devicePixelRatio是1, 1.325, 1.5, 2, 2.4, 3.  (具体见下面的表格，从Chrome Emulator中导出的）。

Brand Device Resolution Pixel Ratio
Amazon Kindle Fire 1024x600 1
Amazon Kindle Fire HD 7" 1280x800 1.5
Amazon Kindle Fire HD 8.9" 1920x1200 1.5
Apple iPad 1 1024x768 1
Apple iPad 2 1024x768 1
Apple iPad 3 2048x1536 2
Apple iPad 4 2048x1536 2
Apple iPad Mini 1024x768 1
Apple iPhone 3GS 320x480 1
Apple iPhone 4 640x960 2
Apple iPhone 5 640x1136 2
BlackBerry PlayBook 1024x600 1
BlackBerry Z10 768x1280 2
BlackBerry Z30 720x1280 2
Google Nexus 10 2560x1600 2
Google Nexus 4 768x1280 2
Google Nexus 5 1080x1920 3
Google Nexus 7 1280x800 1.325
Google Nexus 7 (2013) 1920x1200 2
Google Nexus S 480x800 1.5
HTC Desire 480x800 1.5
HTC Desire HD 480x800 1.5
HTC Evo 480x800 1.5
HTC Evo 3D 540x960 1.5
HTC EVO LTE 720x1280 2
HTC One X 720x1280 2
HTC Sensation 540x960 1.5
HTC Touch HD 480x800 1.5
LG Optimus 2X 480x800 1.5
LG Optimus 3D 480x800 1.5
LG Optimus 4X HD 720x1280 1.7
LG Optimus Black 480x800 1.5
LG Optimus G 768x1280 2
LG Optimus LTE 720x1280 1.7
LG Optimus One 320x480 1.5
Motorola Atrix 2 540x960 1
Motorola Atrix 4G 540x960 1
Motorola Defy 480x854 1.5
Motorola Droid 480x854 1.5
Motorola Droid 3 540x960 1
Motorola Droid 4 540x960 1
Motorola Droid Razr 540x960 1
Motorola Droid Razr HD 720x1280 1
Motorola Droid X 480x854 1.5
Motorola Milestone 480x854 1.5
Motorola Xoom 1280x800 1
Motorola Xyboard 1280x800 1
Nokia C5 360x640 1
Nokia C6 360x640 1
Nokia C7 360x640 1
Nokia Lumia 7X0 480x800 1.5
Nokia Lumia 8XX 480x800 1.5
Nokia Lumia 900 480x800 1.5
Nokia Lumia 920 768x1280 2.4
Nokia Lumia 925 768x1280 2.4
Nokia Lumia 928 768x1280 2.4
Nokia Lumia 1020 768x1280 2.4
Nokia N8 360x640 1
Nokia N800 480x800 1.5
Nokia N810 480x800 1.5
Nokia N900 480x800 1.5
Nokia N97 360x640 1
Nokia X7 360x640 1
Samsung Galaxy Nexus 720x1280 2
Samsung Galaxy Note 800x1280 2
Samsung Galaxy Note 2 720x1280 2
Samsung Galaxy Note 3 1080x1920 2
Samsung Galaxy S 480x800 1.5
Samsung Galaxy S 2 480x800 1.5
Samsung Galaxy S 3 720x1280 2
Samsung Galaxy S 4 1080x1920 3
Samsung Galaxy Tab 1024x600 1
Samsung Galaxy Tab 10.1 1280x800 1
Samsung Galaxy Tab 7.7 1280x800 1
Samsung Galaxy Tab 8.9 1280x800 1
Samsung Galaxy W 480x800 1.5
Sony Xperia Ion 720x1280 2
Sony Xperia S 720x1280 2
Sony Xperia Sola 480x854 1
Sony Xperia U 480x854 1
Sony Xperia Z 1080x1920 3
Sony Xperia Z1 1080x1920 3

Common display resolutions[edit]

Standard

Aspect ratio

Width (px)

Height (px)

% of Steam users (Aug 2017)

 % of web users (May 2017)

SVGA

4:3

800

600

n/a

0.35

WSVGA

~17:10

1024

600

n/a

0.44

XGA

4:3

1024

768

1.06

5.34

XGA+

4:3

1152

864

n/a

0.37

WXGA

16:9

1280

720

0.52

2.69

WXGA

5:3

1280

768

0.24

0.54

WXGA

16:10

1280

800

1.13

5.52

SXGA

5:4

1280

1024

2.90

5.14

HD

~16:9

1360

768

2.36

2.25

HD

~16:9

1366

768

17.85

29.94

WXGA+

16:10

1440

900

4.15

6.7

other

16:9

1536

864

0.66

3.5

HD+

16:9

1600

900

4.76

5.89

WSXGA+

16:10

1680

1050

3.11

2.71

FHD

16:9

1920

1080

54.28

16.02

WUXGA

16:10

1920

1200

1.02

1.23

other

21:9

2560

1080

0.69

n/a

WQHD

16:9

2560

1440

2.66

1.67

other

21:9

3440

1440

0.28

n/a

4K UHD

16:9

3840

2160

0.90

n/a

Other

      

1.44

8.1

* https://www.netmarketshare.com/report.aspx?qprid=17  （市场份额统计资料）

https://material.io/devices/

https://hwstats.unity3d.com/mobile/display-winrt.html
http://mediag.com/news/popular-screen-resolutions-designing-for-all/
https://bobmckay.com/web/tablet-smartphone-resolutions-screen-sizes/

http://www.cnblogs.com/GameEngine/p/6528721.html

iPhone viewport设置：

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

https://en.wikipedia.org/wiki/Display_resolution

常见手机的设备分辨率、viewport和devicePixelRatio的更多相关文章

  1. iOS系统下 的手机屏幕尺寸 分辨率 及系统版本 总结

    今天  我对iOS系统下 的手机屏幕尺寸 分辨率 及系统版本做了一次系统总结 供大家参考. 首先 是系统:    随着iOS 系统不断升级,现在已经到iOS7.0了, 并且TA有了很多新变化,最震撼的 ...

  2. 9个最新的手机/移动设备jQuery插件

    随着互联网的流行,移动网站开始急速增加,在2014年手机网站将会出现很多,所以手机网站是必须要学会制作的.手机网站不像桌面平台一样制作,否则会影响显示效果,目前大部分手机网站使用响应式设计技术,而且也 ...

  3. 最新的手机/移动设备jQuery插件

    随着互联网的流行,移动网站开始急速增加,在2014年手机网站将会出现很多,所以手机网站是必须要学会制作的.手机网站不像桌面平台一样制作,否则会影响显示效果,目前大部分手机网站使用响应式设计技术,而且也 ...

  4. iOS设备分辨率

    CHENYILONG Blog iOS设备分辨率 © chenyilong. Powered by Postach.io Blog

  5. unity获取设备分辨率

    设备分辨率 using UnityEngine; using System.Collections; public class ExampleClass : MonoBehaviour { void ...

  6. is_mobile()判断手机移动设备

    is_mobile()判断手机移动设备.md is_mobile()判断手机移动设备 制作响应式主题时会根据不同的设备推送不同的内容,是基于移动设备网络带宽压力,避免全局接收pc端内容. functi ...

  7. Js获取移动设备分辨率

    在<head>中引入  <meta name="viewport" content="width=device-width, initial-scale ...

  8. Web移动端设计——移动设备分辨率一览表

    作为在移动端开发的web程序员来说,如果不懂设备的一些性能,在开发上面是非常耗时间的一件事,同时带来负面影响的是项目的进度被拖腿了. 下面是个人收集的一些移动端设备的分辨率参数: 1.  平板设备: ...

  9. 移动设备优先viewport

    Bootstrap 3 的设计目标是移动设备优先,然后才是桌面设备.这实际上是一个非常及时的转变,因为现在越来越多的用户使用移动设备. 为了让 Bootstrap 开发的网站对移动设备友好,确保适当的 ...

随机推荐

  1. 上传文件代码报错，java.lang.ClassNotFoundException: org.apache.commons.fileupload.FileItemFactory

    2018-09-11 11:11:08.235 ERROR 14352 --- [nio-8080-exec-5] o.a.c.c.C.[.[.[/].[dispatcherServlet]    : ...

  2. Dart 创建Map

    Map的常用操作 1. [] , length   获取值和长度 2. isEmpty (),isNoEmpty () 是否为空 3.Keys ,values  获取所有的键 和值 4. contai ...

  3. ccf-命令行选项-201403-3

    分析: 这道题不是很难 用了一个split()函数 核心是: 对命令选项的判断 不要一个字符字符的判断 要一项一项的判断 比如ab:m: 分析步骤 (1) 读取一个字符(2)判断下一步是否有字符,下一 ...

  4. 关于Java数据转存的中MultipartFile转File的问题(转)

    转自http://www.cnblogs.com/zuoxiaoxia/p/6116942.html 错误背景:由于文件储存在第三方的服务器上,所有需要讲将接收到MultipartFile文件 转换为 ...

  5. Vue基础之内部指令（上）

    v-if.v-else-if.v-else以及v-show 条件指令v-if.v-else-if.v-else 类似于JavaScript里的if.else-if.else,这三个指令根据表达式的值对 ...

  6. day10 参数args kwargs 作用域

    函数参数/作用域/args/kwargs 1.参数 1.1参数基本知识 任意个数 任意类型 func("1",True) 1.2位置传参(调用函数并传入参数) def func(a ...

  7. ServletContext、ServletRequest和HttpSession的生命周期

    学习web的Listener监听器的时,监听域对象创建的监听器.通过监听器重新分析着三个对象的生命周期,清晰明了. 首先域对象的监听器有三个ServletContextListene.ServletR ...

  8. Linux下安装gradle

    Linux下安装gradle 1. Gradle 是以 Groovy 语言为基础,面向Java应用为主.基于DSL(领域特定语言)语法的自动化构建工具 下面就描述一下如何在linux环境下安装配置gr ...

  9. PY序

    Python实现机器学习依赖于两个类库——SciPy和scikit-learn 一)SciPy SciPy是数学运算的基本类库,在机器学习的过程中,主要运用NumPy.Matplotlib和Panda ...

  10. 使用VS2015编译xlslib库

    环境: win7_x64,VS2015 开始: 一.下载xlslib库 xlslib-package-2.5.0.zip 解压到一个指定目录,如E:\library\xlslib-package-2. ...