html - ズーム時にメニュー要素がジャンプする

Question

問題は次のとおりです。cssを使用して水平メニューに変換する基本的な順序なしリストがあります。ただし、ブラウザでズームインまたはズームアウトしている間、メニュー項目は次の行にジャンプします。

ズームされていない：

ズーム：

メニュー項目がそのようにジャンプしないようにするにはどうすればよいですか？

score 3 · Accepted Answer

ul (または ul をラップする div) の固定 (最小) 寸法を試して、オーバーフロー設定を指定してください。何かのようなもの：

ul {
    width: 750px;
    overflow:auto;
}

score 0 · Accepted Answer

私は SinsitraD に同意します - 少し余裕を持たせてください。パーセントを使用している場合は、通常、2% 程度の余裕を残すようにしています。選択した単位として px を使用する場合は、概算で 1 ～ 2% の許容範囲でほとんどの丸め誤差がカバーされます。

おそらく、ブラウザ間でズームの動作が一貫していないことに気付くでしょう。これは、ほとんどのブラウザがズーム時のサイズ計算に異なる方法を使用しているためです。

score 0 · Accepted Answer

0

要素に aposition: relativeを適用してみてくださいli

于 2012-04-20T17:52:55.273 に答える

3 に答える 3