如何使縮緊包裝與響應圖像一起工作？

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始終是圖像的大小。