Object-fit | CSS-Tricks

Trang chủ » Html Stretch Image To Page » Object-fit | CSS-Tricks

Có thể bạn quan tâm

Just in case someone needs a IE9, IE10, Edge hack solution, I have a workaround, that produces not actually a cropping, but a IMHO acceptable fallback for IE9+: …

… … // IE9 HACK :root figure { height:200px; overflow:hidden; }

// IE10+ HACK _:-ms-lang(x), figure { height:200px; overflow:hidden; } figure { img { width:33%; height:200px; object-fit:contain; object-position:0 0; } // IE9 HACK :root img { height:auto; width:auto; } // IE10+ HACK _:-ms-lang(x), img { height:auto; width:auto; } }

…

Từ khóa » Html Stretch Image To Page