html - 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 中，或者其他样式正在覆盖它