javascript - ブラウザでズームインおよびズームアウトするときに spry メニューがラップしないようにするにはどうすればよいですか?

Question

私はインターネットの終わりに行って、これを解決しようとしました。こちらがSpryメニューのページです。幅 980 ピクセルのデザインに合わせてインライン スタイルを設定していることに気付くでしょう。 HTML

これがSpry CSSです。

    [CSS][2]

Answer 1

これをfirebugに設定しました：

ul.MenuBarHorizontal {
    width: 1200px;
}

これは、ナビゲーション メニューが 980 よりも幅が広いことを示しています。これが、折り返している理由です。メニュー項目のパディングまたは余白から 5 ピクセルまたは 10 ピクセルを取り除く必要があります。

ul.MenuBarHorizontal a {
    padding: 9px 20px;
}

うまくいくようです。実際には、その 2 番目のパディング値は、ラップアラウンドなしで最大 26px まで取得できます。