调整图像CSS / HTML的大小

Question

想象一下像9Gag这样的网站。您上传图像并且它们始终以相同的宽度显示，只有高度发生变化。

我怎么能做到这一点？我甚至无法调整硬编码的图像大小。

CSS：

.post img{
height: 200px;
width: 300px; 
}

HTML：

<div class="post">
  <img src="img/bf1.jpg">
</div>

图像尺寸保持不变。

Answer 1

您应该将CSS样式更改为：

.post img{
  height: auto;
  width: 300px; 
}

Answer 2

你试过了吗？

<div class="post">
  <img height="200px" width="300px" src="img/bf1.jpg">
</div>

希望这有帮助！