css - 移动网站溢出？

Question

我开始创建一个移动网站，一切都很好并且可以工作，但有一件事不起作用。在任何浏览器中，overflow-x:hidden; 工作，但是当我检查我的手机时，我可以左右上下滚动...我只想上下滚动。所以我想以某种方式禁用溢出X......在我的浏览器中我没有问题，但在我的手机和其他手机上：/同样的问题。我读了一篇文章 -webkit- 这应该可以解决我在其他 android 浏览器中的问题，但我找不到一个网站写着它是如何工作的......

Answer 1

造成这种情况的可能原因是您设置了超出视口的最小宽度。如果您确定使用；

overflow-x: hidden;

除了容器比视口大之外没有其他原因。尝试设置一个移动媒体查询，为您的容器提供 100% 的最大宽度/宽度。

Webkit 或供应商前缀非常怀疑与此有关。