主要介绍了浅谈CSS中的 object-fit 与 object-position的使用,详细的介绍了object-fit 与 object-position的属性和使用，具有一定的参考价值，有兴趣的可以了解一下

本文介绍了CSS中的 object-fit 与 object-position的使用，分享给大家，具体如下： 说明 问题： 一个div宽度不固定，高度固定，采用Flex布局，它里面有两个元素一个img宽度占40%，高度占100%，一个p元素，宽度占60%，高度占100%，调整浏览器窗口大小，要保证，img元素不变形，宽高比不变，怎么办！ 从图中可以看出，随着调整浏览器窗口，图片的宽高比也被破坏了，我们该怎么办呢？我想大家应该会想到用 background，用一个div的background