Safari中的响应式菜单宽度

Question

我正在开发我的第一个响应式网站，并在Safari中遇到一些问题。这基本上就是我正在使用的菜单栏： http://jsfiddle.net/vHdJj/1/

Firefox和Chrome中的一切看起来都很好但是在Safari中，菜单右侧出现了一小段蓝色背景......好像它正在努力用{ul填充li的宽度1}}元素。

当我继续调整浏览器窗口的大小时，小条似乎缩小然后随机重新出现。将li向右浮动可以修复此问题，但如果可能，我希望避免必须撤消菜单项。我该如何解决这个问题？

感谢您的帮助！

Answer 1

将你的背景颜色移到徽标上，正如@Parker Hutchinson所说。在这种情况下不需要溢出隐藏。 - http://jsfiddle.net/rXXpr/

#logo {
  background-color: #003b6f;
}

Answer 2

在我看来，它是边缘/填充/宽度的问题。我注意到渲染时浏览器之间存在差异，即填充是否应包含在指定宽度中或添加到其中。您可以使用蓝色bg：

在元素上尝试此操作

-khtml-padding-right：0px;

如果这样做没有帮助，请尝试使用元素检查器将其归零。