导航溢出15英寸

Question

我正在开发一个网站：

www.alexisparkinn.com

当我在15英寸屏幕的笔记本电脑上查看该网站时，我的导航栏包裹到一个新行，我不知道为什么会这样做。当我在任何浏览器中缩小网页时，我也会发生此错误。我很困惑为什么会这样。

我不知道在哪里看，任何见解或建议都会非常感激。

谢谢！

Answer 1

我猜这就是你所指的（在Firefox 4中查看，没有缩放）：

在我看来，你没有为你想要的链接提供足够的空间，所以<li>只是换行到下一行，打破你的布局。我建议合并一些链接或者考虑实现某种下拉菜单系统。

这对于DPI或屏幕分辨率来说并不是一个问题，因为所有这些都会缩放：您的页面元素应该始终彼此成比例，即使它们在不同的屏幕上的大小不同。