css - 可调整大小的导航栏未正确堆叠

Question

有问题的网站是http://oxfordbeach.com/bynight/

如果您调整浏览器的大小，导航栏最终会进入 iPhone 的下拉菜单。但是当它大约 900px 宽时，导航栏无法适应“联系人”列表项。

我为基本的 CSS 问题道歉，但我尝试过：

• 将标题调整为 %
• 将导航栏类调整为 %
• 调整单个列表项的大小

但是，我似乎无法绕过这样一个事实，即当浏览器在 900 像素左右时，给或取 100，导航栏无法正确呈现。

任何帮助将不胜感激！

Answer 1

将链接上的填充从 30px 减少到 25px 可以：

.sf-menu li a {
    padding: 0 25px;
}

您还可以将此填充设置为 % 而不是固定 px 以使菜单更具响应性 - 我将把计算留给您！