IE11完全不支持object-fit，需用object-fit-images插件模拟五种行为及object-position；它仅在不支持时激活，依赖已声明的CSS、DOM加载完成和图片加载完成，体积仅3KB。
IE11 完全不支持 object-fit，不是“部分兼容”，是压根没实现。直接写 object-fit: cover 在 IE11 里会被忽略，图片照常拉伸变形。
为什么 object-fit-images 是当前最可行的 JS 方案
它不是简单地加个 transform 或改 background-image，而是真正模拟了原生 object-fit 的五种行为（fill、contain、cover、none、scale-down）和 object-position 的偏移逻辑，且只在检测到不支持时才激活，不影响现代浏览器。
关键点：
- 必须用
<img alt="如何解决CSS属性object-fit在IE11不兼容图片裁剪_使用object-fit-images插件" >标签，不能用背景图——语义、SEO、右键保存、懒加载都保留 - 自动监听 DOM 插入，支持动态添加的图片（比如 Vue/React 渲染后的新
<img alt="如何解决CSS属性object-fit在IE11不兼容图片裁剪_使用object-fit-images插件" >） - 不修改原始 HTML 结构，只注入内联样式（
position: relative+overflow: hidden+ 计算后的transform），副作用可控 - 体积仅约 3KB（gzip 后），比手写一堆降级 CSS 更轻量
安装与初始化必须注意的三件事
常见错误是引入了但没生效，多数卡在这几步：
立即学习“前端免费学习笔记（深入）”；
- 必须在 DOM 加载完成后再调用
objectFitImages()，否则找不到<img alt="如何解决CSS属性object-fit在IE11不兼容图片裁剪_使用object-fit-images插件" >元素；推荐放在DOMContentLoaded或window.onload里 - 如果用在 Vue 组件中，需确保调用时机在
<img alt="如何解决CSS属性object-fit在IE11不兼容图片裁剪_使用object-fit-images插件" >真实渲染之后，例如this.$nextTick(() => objectFitImages()) - 不能只给
<img alt="如何解决CSS属性object-fit在IE11不兼容图片裁剪_使用object-fit-images插件" >写object-fit就完事，插件依赖 CSS 中已声明该属性才会处理；所以样式必须存在：img { object-fit: cover; }
IE11 下 cover 模拟的真实行为差异
插件内部会计算图片宽高比和容器宽高比，再决定是横向缩放还是纵向缩放，最后用 transform: scale() translate() 居中裁剪。但这带来两个易忽略点：
- 图片必须已加载完成（
onload触发）才能准确获取尺寸；若图片加载慢或失败，插件可能按 0×0 尺寸计算，导致错位——建议配合loading="lazy"时加height占位 -
object-position在 IE11 中也不被识别，但插件会读取该声明并转为transform偏移；不过单位只支持%和px，em或rem可能失效 - 容器不能是
display: inline，必须有明确宽高（或通过aspect-ratio+width: 100%推导），否则插件无法确定裁剪边界
比插件更轻的纯 CSS 降级方案（仅限特定场景）
如果你的项目不需要 <img alt="如何解决CSS属性object-fit在IE11不兼容图片裁剪_使用object-fit-images插件" > 的语义能力（比如轮播图背景、卡片封面），纯 CSS 降级反而更稳：
- 用
div替代<img alt="如何解决CSS属性object-fit在IE11不兼容图片裁剪_使用object-fit-images插件" >，设background-image+background-size: cover+background-position: center - 必须加
background-repeat: no-repeat，否则 IE 下可能默认平铺 - 容器需有固定
height（不能靠内容撑开），否则背景图不显示 - 响应式时，
background-size: cover自带适配，但background-position建议写死为center center，避免 IE 解析偏差
这种写法绕过了所有 JS 执行时机、图片加载状态、DOM 生命周期问题，但代价是丢失 alt、无法右键另存、搜索引擎无法索引图片内容。
