今天才知道，原来在部分手机品牌部分机型上，微信内浏览器的默认背景色不是白色（#fff）的。
Eoss · 2018-07-03 16:50:11 +08:00 · 7958 次点击这是一个创建于 2354 天前的主题，其中的信息可能已经有所发展或是发生改变。
一直用着 iphone，然后开发过程中也一直用 pc 浏览器调试，偶尔用自己手机查看效果。
惯性的以 pc 浏览器的特性开发，默认背景色就是白色。
直到今天测试发了她的手机上的效果截图，说样式不对。
一开始看图，就是上述猜想，但是实在不敢想，写了个页面对比了下。发现 oppo 某型号，小米某型号，三星某型号不是白色的，偏灰。而同样是 x5 内核的 QQ 浏览器，背景色却是白色的。
感觉以后写微信的页面需要先html {background: #fff;}了。
有人说可能是手机厂商问题，但是微信完全可以对浏览器进行背景颜色的统一的。但是并没有那样做。
总之微信浏览器就是新的 ie6。
第 1 条附言 · 2018-07-03 18:16:55 +08:00
根据 @shaojz2005 提供的信息。刚刚拿多台手机测试了下。确实是新版的设计。但是只是 android 有这样的设计。
测试结果：
android，6.6.5，背景色 #fff。
android，6.6.7，背景色 #f6f6f6 （@janus77 ）。
ios，6.6.2，背景色 #fff。
ios，6.7.0，背景色 #fff。
测试结果：
android，6.6.5，背景色 #fff。
android，6.6.7，背景色 #f6f6f6 （@janus77 ）。
ios，6.6.2，背景色 #fff。
ios，6.7.0，背景色 #fff。
 |
1
0747916 2018-07-03 16:54:39 +08:00 via Android  2
微信也能叫浏览器？
|
 |
3
z54749412 2018-07-03 17:27:51 +08:00 1
不是新项目应该都有 reset 的，，要不就去 github 上找个 m 端 reset 文件 直接引用下，，很多兼容问题的
|
 |
4
VDimos 2018-07-03 17:37:14 +08:00 via Android 2
微信浏览器和 safari 是我作为前端最恶心的浏览器，尤其是 safari
|
 |
5
shaojz2005 2018-07-03 17:41:18 +08:00 2
这似乎是微信更新新版本之后才是这样的，以前暗色背景标题栏，页面背景色是白色的
|
 |
6
janus77 2018-07-03 17:53:31 +08:00 1
f6f6f6
|
 |
7
Eoss OP @z54749412 一般 reset 不会 reset 文档的背景颜色的吧。至少还没遇到过这样的 reset。
@shaojz2005 感谢提供信息。刚刚拿多台手机测试了下。确实是新版问题。确切的说是微信的 android 版本有这问题。ios 版本依然是白色背景。 |
 |
8
qiayue 2018-07-03 18:39:47 +08:00 1
个人习惯，每次 body 都写背景颜色，即使是白色也写
|
 |
9
mauve 2018-07-03 18:55:26 +08:00 via Android 2
微信就是事实上的局域网,GFW
|
 |
10
xhyzidane 2018-07-03 18:56:23 +08:00 1
很久以前有一个 iOS 同事做的 WebView，不知道从哪儿贴的代码自动给网页加了背景色，还一直说是我的 bug，最后还是我帮着他一行一行查代码查出来的...
|
 |
12
34C 2018-07-03 23:48:57 +08:00 via iPhone 1
「惯性的以 pc 浏览器的特性开发，默认背景色就是白色。」
别太惯性，PC 端默认不是 #FFF 的也很多，起码还有个护眼绿，手机端即便不是微信，很多浏览器还有夜间模式，把惯性改成给 body 加 background 才是王道。 |
 |
13
omph 2018-07-04 00:31:17 +08:00
早就觉得刺眼了，蛮好
|
Select Language