圖片固定大小，解決伸縮

object-fit: fill: 默認值,和未設置一樣。會將圖片壓縮拉伸 contain: 當寬/高的值達到父容器規定的最小寬/高時,則對應的另一個值會按照原始寬高比進行生成。例如上面,圖片的高度達到父容器高度後,寬度按照比例生成,導致左右留白 cover: 和contain不一樣,cover是以最大值爲規定的。例如上圖,圖片的高度(較小值)首先達到父容器高度後,而寬度並未達到父容器的寬度,圖片

>>阅读原文<<