【问题标题】:Mobile Website Overflow?移动网站溢出?
【发布时间】:2012-12-31 17:51:28
【问题描述】:

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

【问题讨论】:

  • 所以你的问题是......你想要一个 WebKit 的例子吗?

标签: css mobile web overflow


【解决方案1】:

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

overflow-x: hidden;

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

Webkit 或供应商前缀很可能与此有关。

【讨论】:

  • 此代码仅适用于移动 Chrome,但不适用于默认的 android 浏览器:/
猜你喜欢
  • 1970-01-01
  • 2014-05-10
  • 1970-01-01
  • 2013-01-01
  • 2016-01-07
  • 2014-05-28
  • 2013-06-06
  • 1970-01-01
  • 2011-09-26
相关资源
最近更新 更多