html - Safari 中的响应式菜单宽度

Question

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

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

当我继续调整浏览器窗口的大小时，小条似乎会缩小，然后随机重新出现。向右浮动li可以解决此问题，但如果可能的话，我想避免反转菜单项。我怎样才能解决这个问题？

谢谢您的帮助！

Answer 1

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

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

Answer 2

在我看来，这是边距/填充/宽度的问题。我注意到渲染时浏览器之间存在差异，即是否应将填充包含在指定宽度中或添加到其中。你可以在带有蓝色背景的元素上试试这个：

-khtml-padding-right: 0px;

如果这无济于事，请尝试使用元素检查器将其归零。