菜单元素在缩放时跳跃

Question

问题如下：我有一个基本的无序列表，我使用css转为水平菜单。但是，在浏览器中放大或缩小时，菜单项会跳转到下一行：

未缩放：

|菜单1 | |菜单2 | |菜单3 | |菜单4 |

已缩放：

|菜单1 | |菜单2 | |菜单3 |
|菜单4 |

我可以做些什么来保持菜单项不跳跃？

Answer 1

尝试尝试ul的固定（最小）维度（或者可能是包裹ul的div），并给它一个溢出设置。类似的东西：

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

Answer 2

我同意SinsitraD - 在那里留一点余地。如果您使用百分比，我通常会尝试留下约2％的限额。如果您更喜欢将px作为您的选择单位，那么估计1-2％的补贴将涵盖大多数舍入错误。

您可能会发现浏览器之间的缩放行为不一致 - 这是因为大多数浏览器在缩放时使用不同的方法来计算尺寸。

Answer 3

尝试在position: relative元素中应用li