css - レスポンシブ画像でシュリンクラップを機能させるには?

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 は画像の周りを縮小しません。

これに対する解決策はありますか?これにより、画像をシュリンクラップできますが、応答性を維持できますか?