Css 使用Bootstrap创建的网站在Chrome中存在布局问题

我正在为一个网络工作室开发一个投资组合网站。这是：

它在Firefox中工作得很好，但在Chrome中我注意到两个不一致之处：

导航栏中未对齐的图片。我试过display:inline，它没有帮助

社交图标周围的奇怪边界

图片如下：

---

我不是跨浏览器兼容性方面的专家，因此希望能在这些问题上提供一些帮助。

以下是使用Chrome的解决方案：

1.）对于徽标，您可以添加以下CSS：

#logo {
    display: inline;
    padding-top: 0;
}

您必须将徽标

移动到span

中，如下所示：

<span class="brand-font navbar-brand">
    <img id="logo" alt="Website Logo" src="assets/img/logo.png">Cold Crystal
</span>

冷晶体

您可以删除try

style=“display:inline；”“

---

2.）只需添加

大纲：0

至

。社交图标i

删除社交图标周围的线条。

欢迎使用StackOverflow！请仔细阅读-特别是关于在问题中包含（最小）代码的部分谢谢Sebastian！你帮了大忙。我的问题解决了。