2

これは、最近まで Google Chrome で問題なく動作していましたが、他のすべてのブラウザでも動作します。

何らかの理由で、Google chrome でズームインおよびズームアウトすると、上部のナビゲーション ボタンの境界線が歪んでしまいます。それぞれの間に暗い線が表示されます。また、ズーム中に左端のボタンが次の行に折り返されます。なぜこれが起こっているのか、誰かが洞察を提供できますか?

ズーム時にブランドタブが大きく動かないようにする方法について、誰かヒントを教えてもらえますか? 私はフォントサイズにemを使用していますが、それが何を動かそうとしているのかはわかっています。ul全体を中央に配置することもできますが、これを非表示にするよりクリーンな方法はありますか?

http://dev.gerhardsappliance.com/

4

1 に答える 1

0

問題の多くは、使用している画像の量にあるようです。画像を分割することと、CSSを使用して機能させることの両方を行うことで、メニューを大幅に簡素化できます。

たとえば、.topNavCを背景画像で実行する代わりに、li自体（またはul全体）を背景画像で実行し、それを.topNavLと.topNavRでオーバーレイすると、スパン間の線は表示されません。必要に応じて背景。このメニューの外観は、2つまたは1つの画像で実現できます。

ズームすると、これらの画像はすべて、必ずしも収まらないピクセル比に強制されます。とにかく、画像の代わりに青い境界線と白い背景にCSSを使用します。

于 2012-11-14T17:31:13.537 に答える