图像具有最大宽度时的空白空间：100％ - 响应

Question

我正在开发一个响应式布局，我希望我的图像能够填满他们的容器。当我使用max-width而没有height时，图片底部附近会有一些空白空间。

这是一个小提琴：http://jsfiddle.net/8SvpQ/

我做的不可能完成吗？

Answer 1

我始终将width:100%;与height:auto;和display:block;

一起使用

img {
    max-width: 100%;
    margin: 0;
    padding: 0;
/* ADD THIS */
    width:100%;
    height:auto;
    display:block;
}

display:block;会删除图片

下的一些不需要的box-model间距

Answer 2

制作图片display: block或添加vertical-align: bottom。

Answer 3

你想做的事情是可能的。它已在此页Make responsive image fit parent container上完成。希望这可以帮助。如果你需要帮助或者告诉我这是否有用，请回复。感谢

Answer 4

只是放置并且开心=）

.img_h img{
    display: block;
}

这是一个例子：http://goo.gl/PqYIkN

我帮助了