如何在流动的网站上修改菜单？

Question

http://www.eco1furniture.ca/

当调整页面大小时，主菜单会转到第2行。我知道这应该发生在该网站流动。但有没有办法保持它（在一条线上）？

谢谢， 肯

Answer 1

您可以进行一些更改以确保菜单在“正常”条件下不会包裹到两行，但我认为您不能确定它不会发生。例如，菜单宽度取决于浏览器缩放级别，字体和字体大小。

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

responsive.css - 第51行

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

在菜单上设置最小宽度会遇到同样的问题，并且您发现导致菜单延伸出主包装。