css - 缩小会破坏顶部导航

Question

当您缩小此站点：https ://www.zm-online.de/时，它会在 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，并且它使顶部导航在“正常”视图中看起来不太正确。任何帮助，将不胜感激。：-） 谢谢！丽塔

Answer 1

嗨，尝试将您的填充设置为 %。希望这可以帮助。

Answer 2

嘿，这不是一个好的解决方案，但如果您更改font-size为10px，则 Firefox 上的导航不会中断。

并且给我带来了float一些li问题。我display:inline-block用于水平菜单，display:inline-blockIE、FF 都可以，但是当缩放级别为 33% 或 25% 时，Chrome 会出现一些错误。

在我看来，尝试使用display:inline-block.