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

时间:2012-06-15 21:35:05

标签: css

相关网站为http://oxfordbeach.com/bynight/

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

我为基本的CSS问题道歉,但我已经尝试过了:

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

然而,我似乎无法解决这样一个事实:当浏览器大约为900px时,给予或取100,导航栏无法正常渲染。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:2)

将链接上的填充从30px减少到25px将会:

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

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