我正在制作一个响应式移动网站。在我的手机上进行测试时，我注意到我无法垂直滚动超过可以水平滚动的内容。
这是我的意思的一个示例（抱歉，您看不到手机上的水平滚动条，但请相信我它有效）。
移动 Webkit 浏览器无法滚动浏览此示例中的表格：http: //jsfiddle.net/tArEy/
然后我注释掉以下行以使垂直滚动工作。然而，这使得水平滚动有点不稳定。
-webkit-overflow-scrolling: touch;
在这个例子中，移动 Webkit 浏览器可以滚动过去的表格，但它有点小故障。 http://jsfiddle.net/tArEy/1/
有谁知道如何仅使用 CSS 来解决这个问题？
演示必须在浏览器上进行测试。（我在 Android 上运行 Chrome 浏览器。我认为 iPhone 也有同样的问题）。
编辑：
事实证明，在您的 CSS 中没有以下行的移动 webkit 浏览器中，水平滚动是非常错误的：
-webkit-overflow-scrolling: touch;
但是，那条线无法垂直滚动，所以我有点停滞不前。其他非 webkit 浏览器水平滚动就好了。
编辑2：
我拿到了一部iphone。溢出滚动是硬件加速的并且可以完美运行。这似乎只是Android 版 Chrome 的问题。