如何在更改窗口大小时调整轮播中的img大小以适合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，我猜这样可以解决问题。