横画像か縦画像かわからないときに正方形に最大限のトリミングをする

サムネイル作成時に横画像か縦画像かわからないときに正方形に最大限のトリミングをするというやつです。JSで縦横の幅をとってCSSを作成するのが一番いいのかもしれないけどここはCSSだけで実現してみます。

ここ最近のcss3

img {
  width: 70px;
  height: 70px;
  object-fit: cover; 
}

これだけでOKですね。むかしは面倒くさかったなぁ。

  • News

  • Categories

  • Tags

  • Archives

  • Page index