边缘浏览器中的菜单按钮未对齐

Question

有问题的页面在这里：http://dev.psdrotoworx.com/

在 Edge 中查看时，菜单按钮呈现的宽度超出了应有的范围。这会导致按钮换行到新行中，这是不受欢迎的行为。像这样：

这个问题只出现在Edge浏览器上，所有其他现代浏览器都按预期呈现，是这样的：

有人能看出我哪里出错了吗？

谁能解释一下为什么 IE 和 Edge 以不同的方式处理这个问题？

Answer 1

我没有深入了解您的代码，但我认为添加以下内容：

width: 100px;

到 style.css 文件中的 .main-navigation .primary-menu > li 类可能会解决问题（大约在 2975 行 em>)。

这里有固定大小不是一个大问题，因为我猜菜单不必响应浏览器大小的变化。