html - 与 webkit 浏览器不同的元素的 firefox 宽度

我认为检查元素而不是我编写代码更容易，所以这里是 link = music band site 。现在的问题:

在 chrome 中一切正常，但是如果您在 Firefox 中使窗口变小(宽度)，您会看到社交图标不会在黄色社交栏中坚持一行(就像在 chrome 中那样)。这是为什么？

此外，页脚中的社交图标在 Firefox 中进入新行，但在 chrome 中没有。为什么？

谢谢你! (是的，我知道图片太大了，以后会修复更多内容。)

最佳答案

您可以将 #socialbanner a 选择器上的填充移动到 #socialbanner img 选择器上:

从:

#socialbanner a {
    padding: 0 1.275%;
}

至:

#socialbanner img {
    padding: 0 1.275%;
    vertical-align: middle;
}

关于html - 与 webkit 浏览器不同的元素的 firefox 宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15137153/