如何讓圖片按比例響應式縮放並自動裁剪的css技巧（同時也適用於一些輪播父容器響應式縮放）

響應式網站、移動端頁面在DIV CSS佈局中對於圖片列表或圖片排版時， 若是想要圖片按比例縮放， 最簡單的就是把img寬度設爲100%， 不設置高度，高度就會自動跟着高度縮放css 可是若是要達到的效果是，要讓圖片的寬高要按必定的比例顯示，如1：1 、4：3 等， 然而圖片尺寸不是這個比例，又不想讓圖片拉伸變形，自動裁剪掉兩邊多餘部分、這該如何解決呢？html 首先，今天準備了四張寬高各不相同的素

>>阅读原文<<