在前端開發(fā)過(guò)程中，遇到了圖片變形的問題，通過(guò)object-fit: cover完美解決。

:fill  替換的內(nèi)容將完全填充此框，其對(duì)象會(huì)被拉伸。 

:contain 替換的內(nèi)容尺寸可以在容器里放得下。但可能會(huì)在容器內(nèi)留下空白。

:cover  替換的內(nèi)容尺寸大于容器尺寸。因此，會(huì)有部分區(qū)域不可見。

:none  替換的內(nèi)容尺寸不會(huì)被改變 

:scale-down  呈現(xiàn)尺寸最小的那個(gè)。

需注意兼容性！