正在做一个专门针对微信浏览器访问的页面，但因为安卓手机各种分辨率太多了，身边也没太多机型可以测试，想请各位有安卓手机的 V 友帮个忙，用你身边的安卓手机的 微信浏览器 访问一下页面，然后回帖跟我说一下 机型/分辨率 就好了。
只要访问一下这个页面就有分辨率： http://watt.sinaapp.com/test.html （非微信打开则是空白的）
为了方便大家用微信打开，我做了个二维码，扫一下就好：
先跟各位说谢谢！(●'◡'●)ﾉ♥
This topic created in 4126 days ago, the information mentioned may be changed or developed.
Supplement 1 · Jul 24, 2015
谢谢大家的帮忙，现将目前收集到的结果整理出来，给有需要的朋友做个参考。
PS. 我用图片插入到帖子中，这样以后更新的话，我只要替换图片就可以啦。
http://upyun-v2ex.b0.upaiyun.com/wechat-browser-viewport.png
PS. 我用图片插入到帖子中，这样以后更新的话，我只要替换图片就可以啦。
http://upyun-v2ex.b0.upaiyun.com/wechat-browser-viewport.png
Supplement 2 · Jul 24, 2015
2015-07-24 22:43:55 更新：
已经更新上面图片中的部分尺寸信息（包括 iPhone 6+ 原先的数据是来自楼主妈妈的 6+，可能更字体放大了有关，变得和 6 一样了），如果遇到图片没更新，请尝试强制刷新；
另外，提供 Excel 格式的数据，方便大家做进一步整理和统计：
http://upyun-v2ex.b0.upaiyun.com/wechat-browser-viewport.xlsx
再次谢谢大家的帮忙~！
已经更新上面图片中的部分尺寸信息（包括 iPhone 6+ 原先的数据是来自楼主妈妈的 6+，可能更字体放大了有关，变得和 6 一样了），如果遇到图片没更新，请尝试强制刷新；
另外，提供 Excel 格式的数据，方便大家做进一步整理和统计：
http://upyun-v2ex.b0.upaiyun.com/wechat-browser-viewport.xlsx
再次谢谢大家的帮忙~！
111 replies • 2015-07-30 13:58:25 +08:00
 |
1
moto g 360x519
|
1 |
3
三儿子 360x519
|
 |
5
魅蓝note 360*567
|
 |
6
nexus4 384*519
华为6plus360*519 奇了怪了 |
 |
WhoiuJul 23, 2015
7
魅蓝note 360*567
|
 |
8
mi 2s 360*567
|
 |
9
魅族mx4 pro
384*567 |
 |
10
|
 |
12
nexus5 360*519
分辨率有这么低吗。。 |
 |
catoncatJul 23, 2015 via iPhone
14
不改设计一定会变形。这是诅咒。😁
|
|
16
@crs0910 做的是一个小游戏，要考虑竖向分辨率（高）内可以放多少东西，然后高分辨率的再用媒体查询把元素之间的距离拉开一点，不然显得挤到一块去了。
|
 |
17
moto x2013，360 x 567
|
 |
18
oneplus 360 x 567
|
 |
19
5C 320x504
|
 |
24
Nexus 5 360x519
|
 |
25
小米4 360*572
|
 |
27
Oneplus One 360*567
|
 |
hahamyJul 23, 2015
28
galaxy nexus，也就是谷歌三儿子 360*519
然后感谢楼主，我也是做微信web前端的, cnzz和百度后台统计的分辨率不准，好像是统计的手机屏幕分辨率，不是viewport后的实际容器分辨率(device pixel)。 每天都要做适配，用的chrome的浏览器模拟工具，减64（微信状态条高度），可是实际上这个并不是很准，因为安卓有些手机下面是虚拟按键，会占据一部分高度 另外请教下楼主，适配用的什么策略，因为设计稿一般是按320*1008设计的，在4s下面320*416根本放不下 |
 |
29
Moto X Pro 411*610
|
 |
30
荣耀6 360*519
|
|
31
提醒下
element.innerHTML = document.body.clientWidth + ' x ' + document.body.clientHeight; 这个得到的分辨率不一定准确，一小部分机型上会得到手机物理分辨率，比如三星部分机型，当时一个项目上线后有人反馈三星几个型号显示乱了，才发现这个问题 pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; 用上面这个，暂时还没发现不准的情况 |
 |
32
Galaxy S4 360 x 567
|
 |
33
MOTO X 2013 360x519
|
 |
34
MOTO X 2014 360 519
|
 |
35
水果6 375 x 603
|
 |
36
5s 320*504
|
 |
37
nubia z9max 360*567
|
 |
38
meizu mx3 432*599
|
|
39
|
|
42
@abelyao 嗯，适配不是个容易的活，安卓手机的分辨率太多了，像我做的适配，500多也不一定能放得下，psd里320*504，那么在360宽的手机里按等比缩放就需要504 * 360 / 320 = 567高，因为里面的元素，比如图片，要跟着屏幕的宽度变化
另外，楼主我们做的事情可能差不多，有时间做兼职吗？我这边有时候活做不过来 |
 |
44
红米2A 360*567
|
|
45
|
 |
46
我的 Moto X 2013 也是 360×519 的…
|
 |
47
小米2s 360*567
|
 |
49
Sony Xperia Z 360x519
|
 |
50
一加A0001 360 x 567
|
 |
52
 红心一片 |
 |
54
大法 Xperia Z3 360 x 519
|
 |
56
荣耀X2 480X664
|
 |
57
Nexus 5 : 360 X 520
为何很多人是 519 ? 难道因为我的系统是 M Preview ? |
 |
58
320 x 504 水果5乱入
|
 |
59
OnePlus One 360*567
|
 |
60
360*567红米NOTE移动4G增强版
|
 |
61
384*519 mx4
|
 |
62
小米2 360*567
|
|
63
去掉sb是 384*567 mx4
|
 |
64
一加 360*567
|
 |
65
iPhone6 Plus 414&672
|
 |
66
LG G4 360*525
|
 |
67
320*486
NOKIA 925 虽然不是安卓 |
 |
68
Sony Z3 360 x 567
|
|
69
我这个是把底部的虚拟按键隐藏了
|
|
70
屏幕分辨率1920*1080的，
没有虚拟按键，微信分辨率就是360*567， 有虚拟按键，微信分辨率就是360*519 |
 |
71
iPhone 5 320 x 504
|
 |
72
MX3 432x599
|
 |
73
mx4
384*567 |
 |
74
sony z3 compact 360 x 519
|
 |
75
锤子T1
360*566 |
 |
76
iPhone 6
375x603 |
 |
77
MX2
400x519 |
|
78
|
 |
79
MX4 384 X 567
|
 |
80
Coolpad 5892 361*569
|
 |
81
sony z2
360*519 |
 |
82
LG vs980
393*630 |
 |
83
Sony ZIc 360 x 519
|
 |
84
Nubia Z7 mini 360*567
小米3 360*572 红米NOTE 360*567 好像360*567这个分辨率非常多，为什么呢？ |
 |
85
貌似还没人回复诺基亚的， LUMIA920， 320*486
|
 |
86
魅族 MX3
393 x 581 |
 |
87
适配的话参考这个里面的rem方法 http://www.w3ctech.com/topic/979
不同分辨率只要考虑长宽比就好了 |
 |
88
小米Note，393*630
|
|
89
@chairuosen 谢谢，另外 @hahamy 可以看看 87 楼给出的参考～
|
|
90
|
 |
91
Nexus 4 384x568
隐藏了海带条。 |
|
92
|
 |
93
华为荣耀6 360*519
|
 |
95
中兴v5s 360X567
|
 |
96
三星 Glaxy S5 360 x 567
|
 |
97
Sharp 305SH 360*519
|
 |
98
iPhone 6 和 6Plus 不一样的吧。
6Plus 找人测了一下是 414 x 672 |
 |
99
小米 3 360 x 572
|
 |
100
|
Select Language