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

Question

我认为您更容易检查元素而不是我编写代码，所以这里是 link = 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;
}