div寬度和高度固定，讓圖片鋪滿整個div並且不變形

<div class="photo">
<div class="img" :style="url(photo.png)">

</div>
</div>
css樣式：
.photo .img{

background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

}

嗯嗯，是否是感受超簡單那，看完以後我也這麼感受的，以前的作法是把圖片從img標籤引入，寬度和高度設置成100%，很明顯圖片會變形，後來從網上搜了好多方法試了都解決不了，最後請教了同事，原來這麼簡單，搜嘎。。下面是先後對比圖