常见手机的设备分辨率和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. Spark的mlib中的稠密向量和稀疏向量

    spark mlib中2种局部向量:denseVector(稠密向量)和sparseVector(稀疏向量) denseVector向量的生成方法:Vector.dense() sparseVecto ...

  2. the evolution of Lua 全文翻译

    终于赶在春节前将论文全文翻译完,以后有时间将前面三章重新翻译一次,因为刚开始的时候没打算全文翻译的..第一次每天花25分钟完成这么长的一篇翻译,证明滴水可以穿石,哈哈哈 中文地址:Lua的演进 祝各位 ...

  3. tableview前端基础设计（初级版）

    tableView前端基础设计 实现的最终效果 操作目的:熟悉纯代码编辑TableView和常用的相关控件SearchBar.NavigationBar.TabBar等,以及布局和基本功能的实现. 一 ...

  4. Unity UGUI Layout自动排版组件用法介绍

    Unity UGUI布局组件 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分享 ...

  5. ubuntu18.04 下利用conda安装opencv3

    ubuntu18.04 下利用conda安装opencv3 安装opencv3 conda install -c https://conda.anaconda.org/menpo opencv3 出现 ...

  6. [Java Web学习]JSP中uri="http://java.sun.com/jsp/jstl/core"报红错误

    在官网下载jstl.jar和standard.jar,问题解决.

  7. [小明打联盟][斜率/单调队列 优化dp][背包]

    链接:https://ac.nowcoder.com/acm/problem/14553来源:牛客网 题目描述 小明很喜欢打游戏,现在已知一个新英雄即将推出,他同样拥有四个技能,其中三个小技能的释放时 ...

  8. 【项目经验】Mockito教程

    一.教程 转载:https://blog.csdn.net/sdyy321/article/details/38757135/ 官网: http://mockito.org API文档:http:// ...

  9. zeebe 集成elasticsearch exporter

    zeebe 目前还在一直的开发中,同时一些变动还是挺大的,比如simple monitor 的以前是不需要配置HazelcastExporter的 估计是为了进行集群功能处理,新添加的,以前写的配置基 ...

  10. Java JVM里堆和栈的区别

    参考资料: 1.堆和栈的概念和区别 2.JVM虚拟机