1

我对http://jdem.cz/vzcy9上的菜单感到好奇。我在 Windows 7、FF 13/14、IE 9、Opera 11 下开发它,它在那里显示良好。但在任何 Linux 浏览器上,菜单都分为两行(见下图)。

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

有人知道问题出在哪里吗?

在此处输入图像描述

4

2 回答 2

1

谢谢你的建议。这确实是 Linux 上不存在的字体(Georgia)的问题。它的 Linux 等价物更“宽”,打破了布局。

我补充说:

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

这解决了这个问题。

于 2013-02-17T16:00:31.083 回答
0

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

  • 通过设置white-space: nowrap元素#access
  • #access a设置元素的宽度或最大宽度。
  • 将元素的水平边距减少#access a一两个像素。
于 2012-09-22T13:02:01.357 回答