Question

搜索并尝试约2小时后，我决定问你。如果我使用谷歌浏览器或Safari呼叫我的网站，我就没有这个问题。

但如果我使用Mozilla Firefox调用我的网站，我会看到我的3个社交媒体链接与下一行之间有一点空白。

自己测试一下。它适用于Chrome / Safari并且Firefox有问题吗？

有人可以告诉我如何解决这个问题吗？ - 我不明白为什么这些浏览器之间存在差异......

问候，谢谢！

Answer 1

您需要从以下选择器中移除display: inline-block;：a.ubtn-link

Answer 2

每个浏览器都有自己的默认样式表。尝试使用CSS重置（重置默认CSS），你的问题应该解决。

要使用CSS重置，请在网页中包含以下源文件：

Answer 3

在BODY标签处将行高设置为零。

像这样：

<body class="home page-template-default page page-id-14 gecko osx wpb-js-composer js-comp-ver-5.0.1 vc_responsive" style="line-height:0;">

或者在您的自定义.CSS文件中执行此操作。