css - 自定义字体图标在 iPhone 浏览器上显示不正确，但在任何桌面上看起来都不错

Question

我创建了一些自定义字体图标，无论响应大小如何，它们在桌面上看起来都很棒。图标是第二个和第三个。

但是，在我的 iPhone 上的 Chrome 和 Safari 上，它们看起来像这样:

有什么线索吗？我似乎无法修复它。页面位置在这里:Website Address

Answer 1

您必须删除顶部填充并增加移动媒体查询的高度，例如

body.event .social-icons .btn.btn-aau
{
  padding:0;
  height:28px;
}