2011-11-18 9 views
5

親愛なるスタックオーバーフローのユーザー、私はまま現在応答のウェブサイトを開発していCSS水平スクロールバーがブラウザ画面

のサイズを変更した後、クロムでつくれ。

私はGoogle Chromeとデフォルトのアンドロイドインターネットブラウザで非常に奇妙な問題があります。

ウェブサイトのサイズを変更した後に表示されます(ブラウザを横方向に大きくするか、縦(縦)をアンドロイド(横480ピクセル以上)に変更します)。

ブラウザのサイズを480ピクセル以下に戻すと、水平スクロールバーが現れます。

は(ロコパラサクソ.COM /新)

答えて

4

問題はあなたのCSSにあります。 navigationの場合display:noneの代わりにvisibility: hidden;と記述します。 display:none;visibility: hidden;ための書き込みを

.moduletable_shop h3, #navigatie-horizontaal, .logo { 
position: absolute; 
width: 0; 
height: 0; 
display: none; 
} 

理由は、要素を隠すが、要素を削除するが、display:none要素を削除しません。

+0

Briliant!素晴らしいプラットフォームtoux! –

1

ダーティーな方法で自分自身を参照してください、それが動作します。

body { 
    overflow-x: hidden; 
} 
+0

良い仕事、偉大な発見。なぜそれが起こるのか理解するには素晴らしいだろう –

+1

はいthanxしかし、それは汚れてアンドロイドで動作しませんです。 –

+0

うん、それはスクロールの問題を修正します。私が言ったように - それは汚い方法です。今のところ、私はこの問題の原因を知ることができます。 (私はデスクトップChromeで試しました) – enloz

0

sandeepと書かれているように、visibility: hiddenを使用していることが起こります。あなたがものを隠す場合は、代わりにdisplay:noneを使用する必要があります。 W3Schoolsの-ドキュメントによると、visibility: hiddenは次のとおりです。

要素が見えない(それでもスペースを占有)

関連する問題