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

您实际上可以使用height: 100px;显式声明高度为100px（例如）。如果您的代码没有以这种方式工作，那么此上下文之外的其他内容可能会导致问题。