删除空白（CSS）-Chrome和Safari浏览器正常-Firefox不

Question

搜索并尝试了大约2个小时后，我决定问您。 如果我使用Google Chrome或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文件中进行操作。