Html 怎么能ı；调整卡中图像的大小？

我想改变图像的大小。实际上，我可以改变图像的宽度，但我不知道如何改变图像的高度

标题
标题
Lorem ipsum door sit amet，adipising elit，sed do eiusmod temporal incidedut ut laboure and dolore magna aliqua。两人或两人在一起是因为他们在一起是因为他们在一起

推
创建日期：2020-08-12

Vh将使其具有响应性，而使图像d-inline-block将使其达到您给定的大小

编辑：VH=视口高度，与bootstrap的框架结合起来有点复杂；除非您对bootstrap的系统有广泛的了解

标题
标题
Lorem ipsum dolor sit amet，Concertetur
一位杰出人士，在劳工和大型企业中担任临时雇员
阿利夸。
两人或两人在一起是因为他们在一起是因为他们在一起

推
创建日期：2020-08-12

图像的原始大小是多少？你改变高度的尝试出了什么问题，预期的行为是什么？抱歉，我添加了这张图片，这是我的错：）不用担心。这很容易忘记。当你输入“高度：50%”时，你对图像有什么想法？我认为

.card

是一个灵活的盒子，但是如果您也添加了CSS，那么就更容易理解您想要的是什么ı只想表明css代码在我的卡中不起作用：）

<div class="card border-dark">

        <img class="d-inline-block w-50" src="https://lh6.googleusercontent.com/-eB7I9skBrSc/AAAAAAAAAAI/AAAAAAAAAYI/q5R5BsF_kWg/photo.jpg?sz=1000" style="margin:auto;" alt="yusuf's picture">

        <div class="card-body">
            <h2 class="card-header text-dark border-light bg-transparent">header</h2>
                <h5 class="card-title text-dark">title</h5>
                    <p class="card-text text-dark">Lorem ipsum dolor sit amet, consectetur 
                    adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna 
                    aliqua.
                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore 
                    </p>
                    <button type="button" class="btn bg-light text-white bg-dark dark mb-2"  >push</button>
                    <div class="card-footer bg-transparent  text-dark border-light">
                    Created 2020-08-12
                    </div>
        </div>
    </div>