更改窗口大小时如何调整轮播中的图像大小以适应 div 的大小？ [复制]

Question

这是一个标准的 Bootstrap 轮播，我想更改 img 的大小，使其适合 div 大小。每当更改窗口大小时，div 就会变得比图像大，而且看起来没有响应并且变得不整洁。 这是我在轮播中的一张幻灯片的 html 代码

 <!--wrapper for slides -->
 <!--Item one -->
<div class="carousel-inner" role="listbox">
    <div class="item active">
        <img src="../Images/bloodDonation.jpg" alt="Blood Donation" />
        <div class="carousel-caption">
            <h1>Donate Blood </h1>
        </div>
    </div>

This is what the div looks like when window is resized

我的想法是通过 jquery 获取当前的 div 大小并将其传递给 img 标签，以便它永远响应，但还没有使用该技术，所以请帮忙。谢谢。

Answer 1

试着给你的 img 设置一个高度为100vh，我想这会解决问题。