0

だから私はナビゲーションバーのある次のページを持っています：http：//michigangurudwara.com/pclass/そして それは悪くは見えませんが、ブラウザのサイズを変更すると、すべてが重なります。必要なのは、ナビゲーションバーが幅全体を埋めてから、画面のサイズが変更されるとスクロールバーがポップアップするはずですが、.navbarクラスでwidth：100％を実行すると、これは発生しません。スクロールバーを取得する唯一の方法は、絶対幅を使用することです。しかし、そうすると、さまざまなモニターサイズで画面幅全体を占めることができなくなります。どうすればいいですか？

4

2 に答える 2

1

最小幅を設定します...

.navbar {
    min-width: 1000px; }

それよりも小さい場合は、スクロールバーが表示されます。

于 2011-12-18T18:59:05.003 に答える
0

これは確かにナビゲーションとは異なるスタイルです。ナビゲーションバーを常に同じ幅にすることは、多くのユーザーにとって大きな問題になる可能性があります。より良いアプローチは、ページ幅を1000pxに設定することです。次に、両側に自動サイズ変更マージンを設定します。

.navbar{
    width:1000px;
    margin:auto;
}

ただし、この方法で行うことにした場合は、いつでもJavascriptでブラウザーの幅を取得し、それを使用して動的な幅の変数を設定できます。

私も提案するつもりでしたがminimum-width:100%;、あなたはまだ同じ問題に遭遇すると思います。

問題は、パーセントを使用すると、テンプレートがブラウザの幅に合わせてサイズ変更されることです。ピクセルは、前述のように常に絶対値を表します。

于 2011-12-18T19:03:35.433 に答える