javascript - 设置后图像的高度没有增加

Question

我有一个带有以下代码的 html Logo :

<div class="company-logo">
   <img src="images\teia.PNG" alt="company-logo" style="height:100px;"/>
</div>

当我设置宽度时，图像的宽度在增加。但是当我试图增加高度时，无论我设置什么高度，它都不会增加。

可能是什么问题？

Answer 1

Juat 根据您的要求设置parent div的height width> 并为 height 100% 和 width 100 的 child img 元素赋予样式%。

.company-logo {
  height: 150px;
  width: 300px;
}

.company-logo > img{
  width: 100%;
  height: 100%
}

<div class="company-logo">
  <img src="https://www.stoodnt.com/blog/wp-content/uploads/2016/09/dummy.jpg" alt="company-logo" />
</div>