当我在手机上查看时，为什么我的页面无法正常工作？

Question

这是我的页面链接：http://download.redis.io/redis-stable/redis.conf

我最初是为PC构建的，然后使用媒体查询和一些jQuery代码进行调整，以适应较小的scree大小。当我调整窗口大小时，它在我的桌面PC上的浏览器中运行良好，但是当我在手机上看到它时，它有一个白色边缘，占据了屏幕空间的一半，我的媒体查询似乎都没有影响。我在这做错了什么？

Answer 1

绿色圆圈 - 我可以用chrome查看您的网站，然后向左滚动＆＃39;并看到它溢出容器。见这里：https://www.dropbox.com/s/7lmks1wo6e2qajx/Screenshot%202016-11-02%2014.50.14.png?dl=0

如果您将overflow: hidden添加到.categories，则可以看到问题未发生。