家人們，這圖片到底怎樣才能完全填滿div啊，想問度娘結果搜索的問題都亂七八糟的 （怎麼那麼多問題QAQ），描述問題都描述不來 具體問題如下：圖片有自己的解析度大小，例如寬100px，高100px，將圖片添加到div中： <div class="xx"> <img src="xxx"> </div> ...
家人們，這圖片到底怎樣才能完全填滿div啊，想問度娘結果搜索的問題都亂七八糟的
（怎麼那麼多問題QAQ），描述問題都描述不來
具體問題如下：圖片有自己的解析度大小，例如寬100px，高100px，將圖片添加到div中：
<div class="xx">
<img src="xxx">
</div>
接著用css代碼編輯樣式的時候，首先設置div的寬高
.xx {
width:200px;
height:200px;
}
當div寬高大於圖片的寬高的時候，這樣圖片就會填不滿這個div，會顯示在左上角，如何才能讓圖片填滿這個div啊？？？
就不能設置一下圖片的大小嗎，例如來一個background-image-size這種的，哭惹！
久經嘗試，找到了一個解決辦法，就是再設置img的樣式，寬高都100%顯示，代碼如下：
.xx img{
width:100%;
height:100%;
display:block;
}
這樣不論圖片的大小是否大於div的大小，都會被壓縮至div大小一致程度（圖片小的會被放大）（另外不會裁剪，是壓縮）
有大佬能給出更好的解決方案嗎，有例子最好了（咱還是個小菜，複雜了看不懂QAQ）！
完畢。
