scroll - 水平スクロールを避け、モバイル デバイスでコンテンツを中央揃えにする

Question

私は静的レイアウト (幅 750px) を持っており、それを中央揃えでレンダリングし、水平スクロールも無効にしようとしています。

Google で何十もの検索を行い、さまざまなビューポート設定を試しましたが、何も機能しませんでした。

これはサイトです: www.motocross.es

Answer 1

estilos_2012.css の 18 行目と 11 行目は、体の最小幅が 1200px です。それらを取り除けば、問題は解決します。

また、水平スクロールを無効にしたい場合は、スクロールを防止したい要素の overflow-x: hidden でうまくいきます。詳しくはこちらをご覧ください。

Answer 2

それはmin-width:1200px、体に付いているからです。