如何使用引导程序将图像设置为相同高度？

Question

我试图为所有卡放置相同尺寸的图像，但有些图像的高度已经很小，那么我该如何解决这个问题？

<div class="row">
    <div class="col">
        <div class="card h-100" style="width: 18rem;">
            <img class="card-img-top" src="/assets/prewedding/pic1.jpg">
        </div>
    </div>
    <div class="col">
        <div class="card h-100" style="width: 18rem;">
            <img class="card-img-top" src="/assets/prewedding/pic2.jpg">
        </div>
    </div>
</div>

Answer 1

你只需要设置img覆盖容器，就像

.card > img {
    width: 100%;
    height: 100%;
}