css图片自适应大小_聊聊css中如何在指定大小的盒子中填充图片

作为前端开发人员来说，经常会碰到在盒子中存放一张图片，盒子是固定尺寸的，但是图片又没有固定的，（ps:没有控制用户上传图片尺寸大小的情况）。这时，如果我们不加以修饰的话，页面就会出现各种错位呀、图片失真等等问题。

处理办法：给盒子定位，再给图片固定带下，（让图片居中显示在盒子里面） NO NO NO...,
看到一大堆定位就麻烦。这时候object-fit就可以帮我们大忙了。来，我们一起试一下效果

原图片来着

<

上面样式修饰的效果图片

OK ，完美解决，收工。