[前端]如何让图片等比例缩放，同时撑满父级容器的长或宽

[前端]如何让图片等比例缩放，同时撑满父级容器的长或宽

最近碰到一个问题，如何在一个容器里同时放一张图片，而这张图片会等比例缩放，长或宽会跟着父级容器的长或宽一致。

找了一段时间，发现了 css3 中有这个属性： object-fit: contain;

具体怎么使用：见这篇文章 半深入理解CSS3 object-position/object-fit属性

---

完