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

Question

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

如果您调整浏览器的大小，导航栏最终将进入 iPhone 的下拉菜单。但是当它的宽度大约为 900 像素时，导航栏无法容纳“联系人”列表项。

对于基本的 CSS 问题，我深表歉意，但我已经尝试过:

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

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

如有任何帮助，我们将不胜感激!

Answer 1

将链接上的内边距从 30px 减少到 25px 可以:

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

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