2012-12-30 83 views
0

我開始創建一個移動網站,一切都很好,工作,但有一兩件事不會工作。在任何瀏覽器中,overflow-x:hidden;工作,但當我檢查我的手機,我可以向左滾動向右...我只想上下滾動。所以我想禁用溢出X以某種方式...在我的瀏覽器中,我沒有問題,但在我的手機和其他手機:/同樣的問題。我讀了-webkit-的文章,這應該可以解決在其他Android瀏覽器我的問題,但我不能找到一個網站,寫是如何工作的?移動網站溢出?

+0

所以你的問題是......你想要的WebKit的例子嗎? – Mike

回答

0

這樣做的可能的原因是你已經設置了最低在視口之外的寬度。如果你正在使用;

overflow-x: hidden; 

除了容器比視口大以外,沒有任何理由。嘗試設置一個移動媒體查詢,爲您的容器提供100%的最大寬度/寬度。

的Webkit,或供應商前綴很疑惑有什麼與此有關。

+0

此代碼僅適用於Mobile Chrome,但不適用於默認的Android瀏覽器:/ –