object-fit：カバーがIEとEDGEで失敗します。 CSSでは、一貫した画像の高さを維持するために、ブラウザ全体でシームレスに動作します。ただし、IEとEdgeでは、独特の問題が発生します。ブラウザをスケーリングすると、画像は高さをズームするのではなく幅でサイズを変更し、外観を歪めます。 -50％）; height：100％;

width：auto; //垂直ブロックの場合

width：100％; //水平ブロックの場合

この組み合わせは、絶対的な位置を使用して中央に画像を配置し、Object-fitで問題を排除します：IEとEdgeのカバー。

は、ソリューションの有効性を説明するために、歪みなしに望ましい効果を維持し、次のデモンストレーションを考慮して、デモンストレーション

を再構成する


は、このアプローチが一貫した画像行動を保証します。