常见手机的设备分辨率、viewport和devicePixelRatio

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

 

转载于:https://www.cnblogs.com/GameEngine/p/7237405.html