Horizon 主题在中等视口下头部布局混乱

[Lilly (Lillian)]

我也能复现这个问题——问题似乎出在折叠屏手机/小平板视口尺寸（@media (min-width: 640px) and (max-width: 767px)）下，头部内的 contents 类显示了 flex 布局：

可以通过将该范围内的属性改为 contents 来修复：

@media (min-width: 640px) and (max-width: 767.98px) {
  .d-header>wrap .contents {
    display: contents!important;
  }
}

我认为 Discourse 使用 768px 作为平板与桌面端的分界线。