html - ビューポートの外側で切り取られたページ要素

Question

作業中のWebページに問題があり、説明するのが難しいと感じています。小さなブラウザウィンドウで表示すると、ブラウザのビューポート外のコンテンツに水平方向にスクロールするとページが途切れます。この問題の原因は何ですか？どうすれば修正できますか？前もって感謝します。

これが私が野生で見つけた問題の例です：

このページのレスポンシブデザインを実現するためにメディアクエリを使用しないことに注意してください。

Answer 1

何かが設定されている可能width: 100%性がありますが、ボディに設定がないmin-widthため、100％幅の要素はウィンドウと同じ幅になります。

次のようなものを試してください。

body {
  min-width: 960px;
}

または、ページの最小幅が何であれ。