我对http://jdem.cz/vzcy9上的菜单感到好奇。我在 Windows 7、FF 13/14、IE 9、Opera 11 下开发它,它在那里显示良好。但在任何 Linux 浏览器上,菜单都分为两行(见下图)。
我尝试为每个菜单链接设置较小的边距和填充,但没有帮助。
有人知道问题出在哪里吗?
我对http://jdem.cz/vzcy9上的菜单感到好奇。我在 Windows 7、FF 13/14、IE 9、Opera 11 下开发它,它在那里显示良好。但在任何 Linux 浏览器上,菜单都分为两行(见下图)。
我尝试为每个菜单链接设置较小的边距和填充,但没有帮助。
有人知道问题出在哪里吗?
谢谢你的建议。这确实是 Linux 上不存在的字体(Georgia)的问题。它的 Linux 等价物更“宽”,打破了布局。
我补充说:
font-family: "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, Times, "Times New Roman", serif;
这解决了这个问题。
发生这种情况是因为不同的字体渲染。即使您使用的字体相同,它的渲染也可能略有不同。出于这个原因,您应该始终允许文本在不破坏布局的情况下稍微扩大或缩小。在您的情况下,可以通过多种方式解决它而不会对布局产生太大影响:
white-space: nowrap
元素#access
。#access a
设置元素的宽度或最大宽度。#access a
一两个像素。