CSSで画像のトリミングをする際にどれが良いかな

style01.net

どうやら3つあるらしい。

今回は、これの1つ目の手法である

「画像をBackgroundとして使う」

で実装した。

$imgWidth: 1200px;
$imgHeight: 400px;
  background: url(./img/img1.jpg) no-repeat;
  background-size: cover;
  width: $imgWidth;
  height: $imgHeight;

これだけでいい感じになってくれます。これが一番私的には楽です。