今天在测试过程中发现了网站的一个bug，在大屏幕上是自适应的，小屏幕笔记本上高度不是自适应，html的高度并不是浏览器的高度，小屏幕总是差了一截，在调试过程中偶然发现差的那一小截正好是一个横向滑动条的高度，立马想到原因，应该是某些隐藏的元素撑开了宽度。
有两种方案:
第一种只是应急方案：
1 body,html{ 2 overflow-x: hidden; 3 }
这种方法可以解决眼前的问题，但是并不是根本原因所在。
第二种方案：调试方案
在网上看到了有一个谷歌商店的插件：GhostPage，谷歌浏览器安装后 ，页面会变成：
插件会修改页面所有元素的颜色，和边框，这样相对于黑色的背景来说，边框会很明显，可以看出是哪个元素撑开了。
但必须得在谷歌商店下载，目前访问不了，没有翻墙。但是我们可以手动在页面加上如下代码，也可以达到相同的效果：
1 *{ 2 background: #000 !important; 3 color:#0f0 !important; 4 outline: solid #f00 1px !important 5 }
去试试吧......