基于高度的CSS图像调整大小

Question

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

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

或者

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

有没有一种按高度来做的方法？这个似乎不起作用：

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

我该如何做到这一点？

- Tithos

---

你使用的百分比是元素所在容器的百分比。你可以使用高度的百分比或者实际像素也可以，只是不要指定宽度。 - ntgCleaner

对我来说似乎是有效的：http://jsbin.com/sesul/1/edit - Hashem Qolami

你能在这里添加一些HTML代码吗？似乎它并没有起作用。:o - Ron

Answer 1

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

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

上述代码可行，确保它不在限制性 div 中，或者其他样式正在覆盖它。

- datatest

Answer 2

你实际上可以使用 height: 100px; 明确声明高度为100像素。如果你的代码不起作用，可能是该上下文之外的其他因素导致了问题。

- TylerH