获取图像以垂直调整大小

Question

我设法让图像尊重容器的最大宽度但是当我尝试用最大高度做同样的图像时，图像就会在底部被切掉。怎么了？

http://jsfiddle.net/HsPtp/7/

Answer 1

这是因为您拥有图像的div在图像上方有其他内容，因此该div的100％高度比图像的空间大。

Answer 2

您需要将img样式“height”和“width”设置为100％

#post_holder img{
   width:100%; 
   height:100%;  
}

然后通过调整包装div的大小来控制它的大小。

#post_holder{
  border:1px solid red; 
  width:50px;
  height:300px; 
}

我给包装div一个红色边框只是为了看它的大小。 我在jslint.com http://jsfiddle.net/CQyHJ/

中创建了一个示例