调整类别横幅大小

[PaulinaMX (ForosMX)]

论坛更新后，移动版上的分类横幅会超出边界，我认为调整横幅大小可以解决这个问题。

有人能帮帮我吗？

提前感谢。

[PaulinaMX (ForosMX)]

[Don]

您好，

我认为这是由以下 CSS 引起的：

.category-logo.aspect-image {
  width: calc(var(--max-height) * var(--aspect-ratio));
}

这里的 max-height 是 150px，而 aspect-ratio 取决于图片。这意味着如果您有一张宽高比为 6 的图片，那么它的宽度将是 150 x 6 = 900px。所以它取决于图片的宽高比。

但是，您可以通过以下方式覆盖此计算……（不是这个，但它会影响它）。
为图片添加一个固定的 max-width。这样图片就不会比这个值更宽。
在移动端 CSS 部分添加以下内容：

.category-list .category-logo.aspect-image {
  max-width: 250px;
}

---

或者您可以在移动端尝试类似这样的方法。它将计算视口的最大宽度并将图片与之对齐。

.category-list .category-logo.aspect-image {
  max-width: calc(100vw - 2.5em);
}

[PaulinaMX (ForosMX)]

非常感谢您 @Don 现在看起来很棒了！