モバイルデバイス上の不要なスクロール可能な水平スペース

Question

私はこのWebサイトhttp://104.236.64.172:8081をBulma CSSフレームワーク（おそらく無関係）を使用して構築しています。サイトは応答性があり、私が修正できない小さな問題を除いて、モバイルデバイス上では全体的に優れています。

携帯電話でこのリンクを開くと、右側に不必要な横のスペースがあることがわかります。いくつかのスペアのような種類margin-right。しかし、問題は、デスクトップ上でこれをデバッグすることができないことです。小さな画面幅の大きな画面に表示されないように見えるからです。これをデバッグする手助けができますか？

Answer 1

私はcontクラスにoverflow-xを隠すことで問題を解決できました。例えば

：

.cont { 
    max-width: 1110px; 
    margin: 0 auto; 
    overflow-x: hidden; /* THIS */ 
} 

私は続きの子クラスでこの同じ実装を追加しようとしたが、問題にそれがそれの親でやっている方法を解決していないようでした。誰かがより良い（またはより安全な）解像度を持っている場合は、後で望ましくない効果が生じる可能性があるので、この代わりに自由に使用してください。

ちょうどヒントとして、モバイルデバイス上のサイトを使用して再現するために、ウェブブラウザの（私の場合はChromeの）検査機能を使用できるはずです。 Here's a quick walkthrough.