引导下拉菜单中不正确谷歌Chrome浏览器显示

我已经开发利用引导一个网站，它是准备发射然而，在过去一周，在下拉菜单中没有包含所有数据的正确在Chrome：引导下拉菜单中不正确谷歌Chrome浏览器显示

enter image description here

http://demo.altru.co.uk

尝试将鼠标悬停在KS1 & KS2在铬的顶部导航，我试过的几个机器，它是同一个问题。它在Firefox和Internet Explorer上运行良好。为了使事情变得更简单，我可以告诉你在bootstrap上没有特殊的样式，它只是标准的，所以我的问题是，它是一个chrome中的错误还是我的代码只影响chrome的问题？

谢谢大家！

来源

2013-09-01 Wesley Pearce

我已经添加了一个我认为你的意思是'没有包含所有数据'的图像。请记住，一旦你的问题得到解决，任何其他同样问题的人将不知道你的问题是什么，使未来的访问者的答案无用 – Bojangles

非常感谢，因为我觉得很新，它不会让我添加一个，但我感谢您的编辑，希望有人可以帮助。 –

没问题。 StackOverflow在低代表时非常受限制，但理想情况下，您应该已经发布了一个JSFiddle来展示代码为 – Bojangles

奇怪的是，这是由在菜单中的<img>标签上设置的max-width属性造成的。你只是在菜单中使用.pad5right假设，你需要修改你的CSS摆脱最大宽度的100％`通过引导设置：

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

任何菜单一个更普遍的风格会是这样：

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

相当奇怪的问题，它花了一段时间来解决，并有可能一个bug在Chrome。

来源

2013-09-01 13:34:10 Bojangles

的问题。这真是太棒了，非常感谢您的帮助。它现在已经修复了，我怀疑它会与max-width有关，但并不认为它会是图像的填充。天才！ –

引导下拉菜单中不正确谷歌Chrome浏览器显示

回答

相关问题