jquery - Bootstrap 下拉菜单在 Google Chrome 中未正确显示

Question

我使用 Bootstrap 开发了一个网站，它已经准备好启动，但是在过去一周，下拉菜单没有正确包含 Chrome 上的所有数据：

http://demo.altru.co.uk

尝试将鼠标悬停在 chrome 顶部导航中的 KS1 和 KS2 上，我已经在几台机器上尝试过，这是同样的问题。它在 Firefox 和 Internet Explorer 上运行良好。

为了让事情更简单，我可以告诉你引导程序上没有特殊的样式，它只是标准的，所以我的问题是，它是 chrome 中的错误还是我的代码问题仅影响 chrome？

感谢大家！

Answer 1

奇怪的是，这是由菜单中标签max-width上设置的属性引起的。<img>假设您只.pad5right在菜单中使用，您需要修改 CSS 以摆脱 Bootstrap 设置的 max-width: 100% ：

.pad5right {
    padding-right: 5px;
    max-width: none;
}

任何菜单的更一般的样式是这样的：

.dropdown-menu img {
    max-width: none;
}

一个相当奇怪的问题需要一段时间才能解决，并且可能是 Chrome 中的一个错误。