<style>
    /* 圖片擷取展示 */
    .img-responsive{
        max-width: 100%;
        height: 0;
        padding-bottom: 40%;
        background-color:#fef9ff;/*背景色*/
        overflow: hidden;
    }
    .img-responsive img {
        width: 100%;
    }
</style>

<div class="img-responsive">
    <img src="http://www.hishop.com.cn/uploads/150914/21678-150914112244436.jpg"
    />
</div>
 

前：

後：