如何使缩紧包装与响应图像一起工作？

Question

我有一个形象的一个div里面，我想通过使用到拆封即：

<div class="shrinkwrap"> 
    <img src="image.jpg"> 
</div> 

.shrinkwrap { 
    display: inline-block; 
    border: 1px solid #FFF; 
    padding: 10px; 
} 

然而，当我这样做，这样，图像不再响应（我用max-width: 100%）。如果我不在div上使用内联块，但是如果将其删除，那么我的div不会收缩在图像周围。

任何解决方案，以便我可以收缩包装我的形象，但保持它的响应？

Answer 1

我不太明白;这是你需要的吗？

http://jsfiddle.net/JtEuC/

所有你需要的是下面的代码：

.shrinkwrap img { 
    display: block; 
    max-width: 100%; 
} 

而且.shrinkwrap DIV始终是图像的大小。