如何在顯示圖片縮略圖時不擠壓拉伸圖片

前言：咱們在前端顯示圖片縮略圖的時候，會遇到不清楚圖片的尺寸，而後使用固定高寬比的img來顯示圖片，這樣會致使高寬比不一致的圖片會被擠壓拉伸。本文站之前端小白的視角來探討這種問題的解決方案。css 方案一 max-width和max-height 使用max-width和max-height來作，這種狀況下不能保證每一張圖片預覽都是相同寬高的，可是卻不會擠壓拉伸圖片。前端 以下圖，2、三張圖片的寬

>>阅读原文<<