Firefox 与 webkit-browser 不同的元素宽度

Question

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

在 chrome 中一切正常，但如果你在 Firefox 中使窗口更小（宽度），你会看到社交图标不会粘在黄色社交栏中的一行（就像在 chrome 中那样）。这是为什么呢？

页脚中的社交图标在 Firefox 中也有新的一行，但在 chrome 中没有。为什么？

谢谢！ （是的，我知道图片太大，稍后会修复更多内容。）

Answer 1

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

来自：

#socialbanner a {
    padding: 0 1.275%;
}

到：

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