私も同様の問題を抱えていました。CSSだけ。

基本的にObject-fit: coverIE では動作せず、幅 100%、高さ 100% となり、アスペクト比が歪んでいました。つまり、Chrome で見られた画像のズーム効果はありませんでした。

私が採用したアプローチは、コンテナ内に画像を配置することでした。絶対その後真ん中に置く次の組み合わせを使用します:

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

// For vertical blocks (i.e., where height is greater than width)
height: 100%;
width: auto;

// For Horizontal blocks (i.e., where width is greater than height)
height: auto;
width: 100%;