正在做一个专门针对微信浏览器访问的页面,但因为安卓手机各种分辨率太多了,身边也没太多机型可以测试,想请各位有安卓手机的 V 友帮个忙,用你身边的安卓手机的 微信浏览器 访问一下页面,然后回帖跟我说一下 机型/分辨率 就好了。
只要访问一下这个页面就有分辨率: http://watt.sinaapp.com/test.html (非微信打开则是空白的)
为了方便大家用微信打开,我做了个二维码,扫一下就好:
先跟各位说谢谢!(●''●)
1 Roboo 2015-07-23 21:21:34 +08:00 via Android ![]() moto g 360x519 |
![]() | 3 Ellison 2015-07-23 21:28:38 +08:00 ![]() 三儿子 360x519 |
![]() | 5 scream7 PRO ![]() 魅蓝note 360*567 |
![]() | 6 xiaojj 2015-07-23 21:33:28 +08:00 ![]() nexus4 384*519 华为6plus360*519 奇了怪了 |
7 Whoiu 2015-07-23 21:33:48 +08:00 魅蓝note 360*567 |
8 kikyous 2015-07-23 21:34:51 +08:00 ![]() mi 2s 360*567 |
![]() | 9 CinderellaCiCi 2015-07-23 21:38:44 +08:00 via Android ![]() 魅族mx4 pro 384*567 |
![]() | 10 abelyao OP |
![]() | 12 Xs0ul 2015-07-23 21:43:48 +08:00 ![]() nexus5 360*519 分辨率有这么低吗。。 |
![]() | 14 crs0910 2015-07-23 21:44:29 +08:00 via iPhone 不改设计一定会变形。这是诅咒。 |
![]() | 15 abelyao OP @Xs0ul 因为浏览网页不会按照物理分辨率来显示的,系统会自动缩放,加上微信浏览器有个顶部工具条,所以可用区域会剩下得比较少。谢谢帮忙~~~ |
![]() | 16 abelyao OP @crs0910 做的是一个小游戏,要考虑竖向分辨率(高)内可以放多少东西,然后高分辨率的再用媒体查询把元素之间的距离拉开一点,不然显得挤到一块去了。 |
![]() | 17 Tyler1989 2015-07-23 21:47:22 +08:00 via Android ![]() moto x2013,360 x 567 |
![]() | 18 buli 2015-07-23 21:48:05 +08:00 via Android ![]() oneplus 360 x 567 |
19 Huadb 2015-07-23 21:50:15 +08:00 ![]() 5C 320x504 |
![]() | 20 abelyao OP |
![]() | 22 buli 2015-07-23 22:02:46 +08:00 via Android ![]() @abelyao one和onemini配置都一样(只是移动和联通区别)把 two 这月28号才开发布会。 |
24 guojing 2015-07-23 22:15:05 +08:00 ![]() Nexus 5 360x519 |
![]() | 25 qiayue PRO ![]() 小米 360*572 |
27 Laobai 2015-07-23 22:35:24 +08:00 ![]() Oneplus One 360*567 |
![]() | 28 hahamy 2015-07-23 22:40:07 +08:00 galaxy nexus,也就是谷歌三儿子 360*519 然后感谢楼主,我也是做微信web前端的, cnzz和百度后台统计的分辨率不准,好像是统计的手机屏幕分辨率,不是viewport后的实际容器分辨率(device pixel)。 每天都要做适配,用的chrome的浏览器模拟工具,减64(微信状态条高度),可是实际上这个并不是很准,因为安卓有些手机下面是虚拟按键,会占据一部分高度 另外请教下楼主,适配用的什么策略,因为设计稿一般是按320*1008设计的,在4s下面320*416根本放不下 |
![]() | 29 yizi 2015-07-23 22:41:20 +08:00 via Android ![]() Moto X Pro 411*610 |
30 zi 2015-07-23 22:42:08 +08:00 ![]() 荣耀6 360*519 |
![]() | 31 hahamy 2015-07-23 22:47:18 +08:00 ![]() 提醒下 element.innerHTML = document.body.clientWidth + ' x ' + document.body.clientHeight; 这个得到的分辨率不一定准确,一小部分机型上会得到手机物理分辨率,比如三星部分机型,当时一个项目上线后有人反馈三星几个型号显示乱了,才发现这个问题 pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; 用上面这个,暂时还没发现不准的情况 |
![]() | 32 bidu   2015-07-23 22:49:21 +08:00 via Android ![]() Galaxy S4 360 x 567 |
![]() | 33 chanssl 2015-07-23 22:52:35 +08:00 via Android ![]() MOTO X 2013 360x519 |
![]() | 34 nicktogo 2015-07-23 22:53:31 +08:00 ![]() MOTO X 2014 360 519 |
35 TwoBall 2015-07-23 22:53:38 +08:00 ![]() 水果6 375 x 603 |
36 Cavolo 2015-07-23 23:03:18 +08:00 via iPhone ![]() 5s 320*504 |
![]() | 37 wwqgtxx 2015-07-23 23:09:50 +08:00 via Android ![]() nubia z9max 360*567 |
![]() | 38 edward1992 2015-07-23 23:12:25 +08:00 ![]() meizu mx3 432*599 |
![]() | 39 abelyao OP |
![]() | 41 abelyao OP |
![]() | 42 hahamy 2015-07-23 23:45:41 +08:00 ![]() @abelyao 嗯,适配不是个容易的活,安卓手机的分辨率太多了,像我做的适配,500多也不一定能放得下,psd里320*504,那么在360宽的手机里按等比缩放就需要504 * 360 / 320 = 567高,因为里面的元素,比如图片,要跟着屏幕的宽度变化 另外,楼主我们做的事情可能差不多,有时间做兼职吗?我这边有时候活做不过来 |
![]() | 44 yyork 2015-07-23 23:50:08 +08:00 via Android ![]() 红米2A 360*567 |
![]() | 45 abelyao OP |
46 mxymarcos 2015-07-24 00:18:13 +08:00 ![]() 我的 Moto X 2013 也是 360×519 的… |
![]() | 47 reyi 2015-07-24 00:18:24 +08:00 ![]() 小米2s 360*567 |
![]() | 49 mamk1222 2015-07-24 00:24:38 +08:00 via iPad ![]() Sony Xperia Z 360x519 |
![]() | 50 243205964 2015-07-24 00:36:07 +08:00 ![]() 一加A0001 360 x 567 |
![]() | 52 twor2 2015-07-24 01:11:53 +08:00 ![]() ![]() |
54 i8s301a 2015-07-24 05:46:25 +08:00 via Android ![]() 大法 Xperia Z3 360 x 519 |
56 lightning1141 2015-07-24 08:13:16 +08:00 via Android ![]() 荣耀X2 480X664 |
![]() | 57 honk 2015-07-24 08:15:49 +08:00 via Android ![]() Nexus 5 : 360 X 520 为何很多人是 519 ? 难道因为我的系统是 M Preview ? |
58 myywin 2015-07-24 08:20:58 +08:00 via iPhone ![]() 320 x 504 水果5乱入 |
![]() | 59 zhjits 2015-07-24 08:27:47 +08:00 ![]() OnePlus One 360*567 |
![]() | 60 qq651438555 2015-07-24 08:27:47 +08:00 ![]() 360*567红米NOTE移动4G增强版 |
![]() | 61 hinate 2015-07-24 08:50:06 +08:00 via Android ![]() 384*519 mx4 |
![]() | 62 journey 2015-07-24 08:51:49 +08:00 ![]() 小米2 360*567 |
![]() | 63 hinate 2015-07-24 08:52:06 +08:00 via Android ![]() 去掉sb是 384*567 mx4 |
![]() | 64 liiihhhh 2015-07-24 09:10:52 +08:00 ![]() 一加 360*567 |
![]() | 65 solu 2015-07-24 09:20:38 +08:00 ![]() iPhone6 Plus 414&672 |
![]() | 66 tenione 2015-07-24 09:26:25 +08:00 ![]() LG G4 360*525 |
![]() | 67 yhxx 2015-07-24 09:29:56 +08:00 ![]() 320*486 NOKIA 925 虽然不是安卓 |
![]() | 68 DT27 2015-07-24 09:34:23 +08:00 ![]() Sony Z3 360 x 567 |
![]() | 69 DT27 2015-07-24 09:35:06 +08:00 ![]() 我这个是把底部的虚拟按键隐藏了 |
![]() | 70 DT27 2015-07-24 09:37:56 +08:00 ![]() 屏幕分辨率1920*1080的, 没有虚拟按键,微信分辨率就是360*567, 有虚拟按键,微信分辨率就是360*519 |
![]() | 71 Ansen 2015-07-24 09:42:39 +08:00 ![]() iPhone 5 320 x 504 |
![]() | 72 sunyang 2015-07-24 09:50:32 +08:00 ![]() MX3 432x599 |
![]() | 73 lele140 2015-07-24 09:51:35 +08:00 ![]() mx4 384*567 |
74 joodo 2015-07-24 10:19:33 +08:00 ![]() sony z3 compact 360 x 519 |
![]() | 75 smg 2015-07-24 10:21:25 +08:00 ![]() 锤子T1 360*566 |
76 sunchuo 2015-07-24 10:36:50 +08:00 ![]() iPhone 6 375x603 |
![]() | 77 ximan 2015-07-24 10:52:08 +08:00 ![]() MX2 400x519 |
![]() | 78 abelyao OP |
![]() | 79 WenJimmy 2015-07-24 10:54:32 +08:00 ![]() MX4 384 X 567 |
![]() | 80 imNull 2015-07-24 11:07:07 +08:00 ![]() Coolpad 5892 361*569 |
81 linxy 2015-07-24 11:28:08 +08:00 via Android ![]() sony z2 360*519 |
![]() | 82 CtrlF 2015-07-24 11:31:58 +08:00 ![]() LG vs980 393*630 |
![]() | 83 iamzcd 2015-07-24 11:35:27 +08:00 ![]() Sony ZIc 360 x 519 |
![]() | 84 ilili 2015-07-24 12:13:26 +08:00 ![]() Nubia Z7 mini 360*567 小米3 360*572 红米NOTE 360*567 好像360*567这个分辨率非常多,为什么呢? |
85 lance26 2015-07-24 12:54:39 +08:00 ![]() 貌似还没人回复诺基亚的, LUMIA920, 320*486 |
![]() | 86 mawing 2015-07-24 12:59:32 +08:00 via Android ![]() 魅族 MX3 393 x 581 |
![]() | 87 chairuosen 2015-07-24 13:01:44 +08:00 ![]() 适配的话参考这个里面的rem方法 http://www.w3ctech.com/topic/979 不同分辨率只要考虑长宽比就好了 |
88 wyongzhi 2015-07-24 13:02:09 +08:00 ![]() 小米Note,393*630 |
![]() | 89 abelyao OP @chairuosen 谢谢,另外 @hahamy 可以看看 87 楼给出的参考~ |
![]() | 90 abelyao OP |
![]() | 91 chenshaoju 2015-07-24 13:12:31 +08:00 ![]() Nexus 4 384x568 隐藏了海带条。 |
![]() | 92 abelyao OP |
![]() | 93 iyaozhen 2015-07-24 13:42:15 +08:00 ![]() 华为荣耀6 360*519 |
![]() | 94 iyaozhen 2015-07-24 13:44:19 +08:00 ![]() |
![]() | 95 jdlau 2015-07-24 14:12:27 +08:00 ![]() 中兴v5s 360X567 |
96 ThreeBody 2015-07-24 14:40:10 +08:00 via Android ![]() 三星 Glaxy S5 360 x 567 |
![]() | 97 unknownservice 2015-07-24 16:39:19 +08:00 ![]() Sharp 305SH 360*519 |
98 Yinnfeng 2015-07-24 17:03:01 +08:00 ![]() iPhone 6 和 6Plus 不一样的吧。 6Plus 找人测了一下是 414 x 672 |
99 jackielin 2015-07-24 17:07:20 +08:00 span class="small fade">![]() 小米 3 360 x 572 |
![]() | 100 mgcnrx11 2015-07-24 17:14:02 +08:00 ![]() |