Warm tip: This article is reproduced from serverfault.com, please click

css-调整引导卡的大小以匹配它们

(css - Resizing bootstrap cards to match them)

发布于 2020-11-29 22:47:38

我使用的是卡片引导程序参数,但是我的不同之处card-img-top的大小有所不同。我正在搜索css,以使它们均匀,但尝试保持相同或相似的质量。

这个想法是匹配大小的卡片而不会失去太多的质量

Questioner
Gerard
Viewed
11
2,241 2020-12-02 04:37:56

试试看:

.card-img-top {
  height: 15vw;
  object-fit: cover;
  width: 100%;
}

截屏