在寫前端頁面的時候 剛開始我們寫靜態頁面的時候會將圖片寬高固定，找比例相同的圖片放上去來保證圖片不變形 ，可是在真正的項目中 會碰到一個問題 就是圖片是動態上傳的 不可能所有的圖片都能正常顯示 可能會出現變形
如果用的不是img標簽 對於圖片可以用background 里面有一個屬性是background-size:cover;然后將標簽設置固定高寬，這樣超過容器大小的圖片就不會出現變形，但是可能會出現圖片展示不完整的情況。（至少圖片不會變形）
如果使用的是img標簽的話 有點麻煩 我試了網上說的用max-width:100%;height:auto;min-width:100%;圖片倒是不會變形 但是如果是不同大小圖片最后展示在頁面上的大小也是不一樣的，反正就是沒有做到固定高寬，然后 用了一種 至少看起來會好一點 就是固定高度 寬度雖然不一樣但是出來的效果看起來比較整齊，比較實用。height：固定值；max-width ：100%
還有一種是width:固定 ，height:0，然后用padding-bottom去頂(值為你想要圖片高度)，這個方法也可以用 效果和background差不多 出來的圖片可能不完整 ，但是上次我使用的時候效果沒出來 我也不知道原因是什么。。。
希望有大神能發現一種方法 既能保證圖片完整性又能保證圖片整齊性
4月3號新增如下；打算從前端基礎開始鞏固 然后在別的文章那里看到了 這個就截了圖；這個是background-size的幾個屬性；可能以前沒有注意過，要好好學習 打好基礎；css還是很強大很好用的
