Css 图像根据高度调整大小

Question

我知道根据宽度调整图像大小：

img{
  max-width: 100%;
  height: auto;
}

或者

img{
  width: 500px;
  height: auto;
}

有没有办法通过高度来做到这一点？这似乎不起作用：

img{
  height: 500px;
  width: auto;
}

我怎样才能做到这一点？

Answer 1

从您所展示的内容来看，它应该可以正常工作。

img{
  height: 500px;
  width: auto;
}

上面的代码确实有效，请确保它不在限制性 div 中，或者其他样式正在覆盖它

Answer 2

事实上，您可以使用 显式声明 100px 的高度（例如）height: 100px;。如果您的代码不能以这种方式工作，则可能是此上下文之外的其他原因导致了问题。