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

Question

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

in chrome一切正常，但是如果你在firefox中使窗口变小（宽度），你会发现社交图标不会在黄色的社交栏中坚持一行（就像他们在chrome中那样）。那是为什么？

Footer中的社交媒体也会在firefox中找到一个新行，但不是在chrome中。 WHYY？

谢谢你！ （是的，我知道照片太大了，以后会修复更多东西。）

Answer 1

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

FROM：

#socialbanner a {
    padding: 0 1.275%;
}

TO：

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