设置时图像的高度没有增加

Question

我有一个带有以下代码的html徽标：

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

设置宽度时，图像的宽度正在增加。但是，当我尝试增加高度时，无论我设定的高度如何，都没有增加。

可能是什么问题？

Answer 1

1. 首先，可能是您的 teia.PNG 图片大小受到限制。
2. 为您的图片 src路径指定了错误。 应该是这样的：-

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

1. 或者，如果您想给图像增高（如果尺寸很小），那么首先您必须给 image元素的父div 赋予某种样式。像这样-

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

Answer 2

Juat根据您的要求设置 父级 的 高度宽度 >并为 高度100％ 和 宽度100的 子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>

Answer 3

options.Authority = options.Authority + "/v2.0/";
options.TokenValidationParameters.ValidateIssuer = false;
options.ResponseType = OpenIdConnectResponseType.Code;
options.SaveTokens = true;