CSS：Linux上的菜单布局中断

Question

我在http://jdem.cz/vzcy9的菜单上出现了奇怪的情况。我在Windows 7，FF 13/14，IE 9，Opera 11下开发它，它在那里显示很好。但是在任何Linux浏览器上，菜单都会扩展到两行（见下图）。

我试图设置每个菜单链接的较小边距和填充，但它没有帮助。

有人对可能出现问题的地方有所了解吗？

Answer 1

感谢您的建议。它确实是在Linux上没有的font（Georgia）问题。它的Linux等价物更加“更宽”，打破了布局。

我补充说：

    font-family: "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, Times, "Times New Roman", serif;

这解决了这个问题。

Answer 2

这是因为不同的字体渲染。即使您使用的字体相同，也可能会略有不同。出于这个原因，您应该始终允许文本增长或缩小，而不会破坏您的布局。在您的情况下，它可以通过多种方式解决，而不会对布局造成太大影响：

• 在white-space: nowrap元素上设置#access。
• 设置#access a元素的宽度或最大宽度。
• 将#access a元素的水平边距减少一两个像素。