使用css響應式縮放裁剪圖片

首先說需求： 後臺取到的圖片寬高格式不定，前臺顯示時要顯示爲一致的大小，即顯示時寬高一致，在手機端和電腦端不能使圖片拉伸變形。css 在作響應式時使用了bootstrap的響應式佈局柵格，所以寬度一致很好解決，可是高度如何作成一致呢？若是將高度寫死，那麼圖片就會變形。web 解決方法：bootstrap 將圖片以div背景圖片的形式顯示，svg <div class="category-img-b

>>阅读原文<<