常见手机的设备分辨率和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内省机制

    转自: https://blog.csdn.net/hahalzb/article/details/5972421 1.java内省机制其实通俗的理解为,对自身的进行一个扫描,这个扫描的对象就是我们普 ...

  2. APP测试常用工具以及框架

    APP测试常用工具以及框架 1)纯白盒方式的测试,Monkey.一般是开发用的比较多,动手能力强的同学可以自己去尝试下! 2)偏白盒的robotium,这家伙号称是黑盒,但是本人不太认同- 因为使用r ...

  3. JDBCTM中Statement接口提供的execute、executeQuery和executeUpdate之间的区别

    Statement 接口提供了三种执行 SQL 语句的方法:executeQuery.executeUpdate 和 execute.使用哪一个方法由 SQL 语句所产生的内容决定. 方法execut ...

  4. introduce of servlet and filter

    servlet简介: Java Servlet 是运行在 Web 服务器或应用服务器上的程序,它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中 ...

  5. robotframework中的清除输入框输入值

    业务需求 当该输入框输入之后,联动某一个按钮高亮,输入框为空的时候,该按钮置灰 需要将输入框清空,清空的办法 1.直接将输入框赋值为${empty} 如:input Text ${loactor} $ ...

  6. JavaMap的一些常用方法

    package exam; import java.util.Collection; import java.util.HashMap; import java.util.Map; import ja ...

  7. day-11函数的形参与实参

    形参与实参 参数介绍: 函数为什么要有参数:因为内部的函数体需要外部的数据 怎么定义函数的参数:在定义函数阶段,函数名后面()中来定义函数的参数 怎么使用函数的参数:在函数体中用定义的参数名直接使用 ...

  8. python 集成cython && push 测试pip 仓库

    昨天创建了一个简单的python 集成cython 的项目 master 但是有几个问题 目前的构建时基于make 同时需要本地执行,为了方便基于pip 的安装,做了如下调整 项目准备 项目使用ven ...

  9. 研究大华3G设备接入自主视频开发平台

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/fengshuiyue/article/details/24311977 近期项目上须要接入3G摄像头 ...

  10. php session的一些操作

    <?php /** * Session控制类 */ class Session{ /** * 设置session * @param String $name session name * @pa ...