流動的なグリッド レイアウト列の 1 つに画像を配置するたびに発生する、このやや奇妙な問題に悩まされています。ページの幅が 400px を超える場合、ページの幅は適切に計算されます。しかし、幅 400px 未満に縮小すると、ページは同じ幅のままで、左右にスクロールする必要があります。
幅の画像のコンテナーを 50% に設定しても、問題は解決しません。画像とそのコンテナーは縮小しますが、画像コンテナーを含む div は画面の幅を超えて拡大します。display:none; を設定した場合 画像上で、または完全に削除すると、問題はなくなり、ページの幅が画面に正しく収まります。
ありがとう！
ページ: http://cdhinternational.org/index3.html一番下の画像に問題があります。(Firefox のレスポンシブ デザイン モードは、問題を再現する優れた方法です。320x480px に設定するだけです。)