2017-02-11 11 views
0

私のウェブサイトに問題があります:www.csselectronics.com メインページにオーバーフローの背景を設定しました。 その結果、モバイルでサイトを表示するとオーバーフローが発生します。つまり、横向きにスクロールして回避することができます。オーバーフローのない水平スクロールを避ける方法-x:hidden

これを解決するには、overflow-x:hiddenを使用するソリューションを試してみました。 htmlとbodyの機能ですが、そうする際に私のホストされているプラ​​ットフォームにいくつかの問題があります。

これを解決する別の方法は、overflow-x:hidden trickを使用する方法ですか?

ありがとうございました!

マーティン

+1

をあなたは 'オーバーフロー-X 'を設定するコードを提供していただけますか?コードを見ることなく、メディアクエリのbody要素の最大幅を設定するのが最も良い方法です。 – user2367593

+0

'.slideshow-container3'は問題です。もしあなたが' overflow-x:hidden; 'をこのクラスに設定すると、それは修正されますが、スライドショーコンテナのデザインは壊れます。 – Win

答えて

0

はい、あなたは、応答性のデザインを使用し、どの要素があなたのレイアウトの100%をオーバーフローしないことを確実にすることによってこの問題を解決することができます。代わりに背景をオーバーフローの

0

することは、私が使用してみます:

background-size: cover; 

それとも

background-size: contain; 
関連する問題