css 始終讓圖片占滿自適應盒子（圖片不失真）

要去上班了，時間比較緊，先把代碼粘出來，原理慢慢講

我來了，今天是農歷七月八日，昨天是七夕，不知道為什么，突然通知放假半天（嘎嘎），好吧，沒什么！！！走到半路的我看到通知，立馬撤了。正好回來把這個原理補上。

一般情況下，網頁嵌入人物圖片，是必須要按比例縮放的，不像一般的圖片操作起來比較簡單。

1、設置盒子的寬。

2、給盒子加：before（主要是為了把盒子撐開），設高為圖片高（相對父盒子設置百分比）。

3、設置圖片為絕對定位（top:0;）。

4、必須設置圖片寬高100%。