wordpressの技術情報をメモしたサイトです。

css3-サムネイル表示の元画像の大きさが違う場合の画像切り抜き

css3で画像を指定の大きさに画像の中心から切り抜くタグ
Chrome or firefox

object-fit: cover;

IEの場合は以下のタグ

/* IE10以降 */@media all and (-ms-high-contrast:none){
li {
 position: relative;
 width: 100%; height: 400px;
 overflow: hidden;
}
li img {
 width: 100%;
 height: 250px;
 position: absolute;
  -ms-interpolation-mode: bicubic;
}
}