object-fit:coverのcoverを使う。IEでも動いてる、、?

2020年2月29日

object-fit:coverのcoverを使う。IEでも動いてる、、?

なんでだろう。

See the Pen
qzaBxj
by spooky (@tupeono10)
on CodePen.

IEはobject-fit対応してないはずだけど、なぜ?まだまだ私も修業です。

対応させるためにJavascriptを読み込ませればいい。

下記ソースを張り付ける。————————————
<!script src="https://cdnjs.cloudflare.com/ajax/libs/object-fit-images/3.2.3/ofi.js">

<!cript>objectFitImages();

※全角!を外してください!
————————————————–

CSSの書き方も特殊!!例えば——————————

.クラス {
object-fit: cover;
font-family: ‘object-fit: cover;’;
}
@media all and (-ms-high-contrast: none){
.クラス {
max-width: none!important;
}
}

————————————————–

下記の書き方は未経験の人は見慣れないと思います。
font-family: ‘object-fit: cover;’;
@media all and (-ms-high-contrast: none)

勉強あるのみ!