img要素にaspect-ratioとobject-fit: coverを指定することでaspect-ratioの比率で画像をトリミングできます。
img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme