前端设置图片以中心向周围展开呈现出来,不压缩宽度

在一个限制了长宽的div设置背景图片或者添加一张图片时，往往会遇到图片被压缩，所以这个时候选择以图片中心出发裁剪出来呈现是一个不错的选择。

现有一个img标签，网页端的样式是图片是完全呈现出来的，手机端的样式会被进行压缩。

<img src="xxx/xx" class="full-width-image">

只需设置：

@media only screen and (max-width: 600px)
.full-width-image {
    object-fit: cover;
    object-position: center;
}