文字和图片同行显示，右边图片自动缩放，文字居左，外围的div缩小，内部样式不变，即文字缩放，图片自适应，如何实现？
div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<ul class="media-list">
<li class="media">
<a class="pull-right" href="#">
<img class="img-responsive" src="images/theme-pic1.jpg" alt="...">
</a>
<div class="media-body">
<h2 class="media-heading">服饰鞋包</h2>
<h4 style="color: #C5C5C5">最IN时尚穿搭</h4>
</div>
</li>
</ul>
</div>
