用div元素將img包裹住，采用padding-top屬性可以使圖片自適應(yīng)縮放
<img src="/images/example.jpg" class="" />
<div class="pic">
<img src="/images/example.jpg" />
</div>
<style>
/* 可以把以下寫入到通用css中米诉，隨時引用 */
.pic{
possition:relative;
overflow:hidden;
padding-top:50%;(即圖片寬高比例為50%)
}
.pic img{
position:absolute;
top:50%;
transform:translateY(-50%);(圖片上下居中)
width:50%;
}
</style>
