Logo在移动视图中被压扁了？

[tiwane1]

（不确定这个内容最适合哪个类别，所以将其放在 General）

我们的用户最近注意到，在移动设备上，我们的徽标被轻微压扁了。徽标在移动设备上的显示方式有变化吗？

笔记本电脑（Firefox）：

移动设备（iOS Discourse 应用，Safari 中也是如此）：

论坛网址：https://forum.inaturalist.org/

[Don]

你好，

我刚检查了你的网站，看起来logo在自定义css中有一个30px的高度，这导致了这个问题。

.d-header #site-logo {
  height: 30px;
}

将其更改为：▼

.d-header #site-logo {
  max-height: 30px;
}

或者

将这段代码从通用移到桌面，这样它就不会应用于移动设备，这似乎可以解决这个问题。