网格中的引语的头像图片已展开

我有两个带有垂直照片的引用,如果并排显示,效果会非常好。(这是一个前后对比。)但是,当我将它们包含在 [grid] 标签中时,用户的头像图片会变得非常大。

似乎可以通过修改此 CSS 规则来解决此问题,将类名为 avatar 的图片排除在该规则之外:

.d-image-grid:not([data-disabled]) .d-image-grid-column img, .d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper, .d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper > .lightbox {
  width: 100%;
}

嗯……[grid] 最初并非打算与图片或视频以外的任何内容一起使用。它几乎可以与引用一起使用,这很酷,但我们不打算支持该用例。我怀疑在较小的窗口尺寸下,并排引用的外观可能不太好看?

1 个赞