如何使菜单固定，在流体网站？

Question

http://www.eco1furniture.ca/

当向下调整页面大小时，主菜单转到第二行。我知道这应该发生在网站是流动的情况下。但是有没有办法让它保持固定(在一行上)呢？

​

​

谢谢，肯

Answer 1

你可以做一些修改，以确保菜单在“正常”条件下不会换成两行，但我认为你永远不能确定它不会发生。例如，菜单宽度将取决于浏览器的缩放级别、字体和字体大小。

使用我的浏览器默认设置，你的菜单是865px宽。考虑到间隔，小屏幕样式表的最大宽度应该是972px，因此下拉菜单出现在菜单进入两行之前。考虑到不同浏览器的一些特性，975px是一个合理的值，但它仍然假设用户处于100%的缩放状态，并使用您指定的字体和字体大小。

responsive.css -第51行

@media only screen and (max-width: 975px) {

在菜单上设置最小宽度本身也会遇到同样的问题，正如您所发现的那样，这会导致菜单扩展到主包装器之外。