0

このサイトをズームアウトすると: https://www.zm-online.de/のトップ ナビゲーションが壊れます: PC: FF、Chrome、Safari (IE9 では問題ありません)、MAC: Chrome および Safari ( FFで大丈夫です）。

行番号 598 で修正し、パディングを 25 から 20 に変更することを考えているため、コードは次のようになります。

av#main_navi ul li a b.n2{
background: url("../_img/bg/mainnavi/bg_navi.jpg") repeat-x scroll 0 0 transparent;
color: #444;
font-weight: bold;
text-transform: uppercase;
height: 37px;
line-height: 37px;
/*padding: 0 19px;*/
/*padding: 0 25px;*/
padding: 0 20px;
text-align: center;

}

ただし、これは Safari と Chrome を使用する PC と MAC では機能せず、上部のナビゲーションが「通常の」ビューでは正しく表示されませんでした。どんな助けでも大歓迎です。：-） ありがとう！リタ

4

2 に答える 2

0

ちょっとこれは良い解決策ではありませんが、に変更font-sizeする10pxと、Firefox でナビゲーションが壊れません。

そして、を与えることはfloat私liにいくつかの問題を引き起こします。display:inline-block水平メニューに使用しますdisplay:inline-block。IE、FF では問題ありませんが、ズーム レベルが 33% または 25% の場合、Chrome にはいくつかのバグがあります。

私の意見では、このナビゲーションを使用して設計してみてくださいdisplay:inline-block。

于 2013-08-27T07:42:38.480 に答える