1

時計のサイズまで縮小できるレスポンシブ Web サイトをコーディングすると、ビューポートの右側に余白がはみ出して、水平スクロール バーが有効になります。修正は簡単です。ボディを div でラップし、幅を auto に設定し、overflow を hidden に設定します。私の質問は次のとおりです。これは多くの人が使用している一般的な慣行/方法ですか、それとも多くの人が遭遇する一般的な問題ですか? これを回避する「よりクリーンな」方法はありますか？

そして、私はこのメタビューポートタグを使用しています:

<meta name="viewport" content="initial-scale=1.0, user-scalable=yes, width=device-width">
4

1 に答える 1

1

一部の状況 (必ずしもすべてではない) で機能する 1 つのクリーンな方法は、BODY コンテナーに overflow:hidden を適用することです。

これが機能しない理由は、場合によっては、オーバーフローのトラップに失敗しているコンテナーが DOM のより深いところにある可能性があるためです。

于 2013-06-14T13:26:51.857 に答える