文字和圖片同行顯示,右邊圖片自動縮放,文字居左,外圍的div縮小,內(nèi)部樣式不變,即文字縮放,圖片自適應(yīng),如何實(shí)現(xiàn)?
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">最I(lǐng)N時尚穿搭</h4>
? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </div>