2021/08/11マークアップ言語 サイトで利用する画像は全てサイズをキッチリ同じに揃えている几帳面な方やむしろそうしないと気が済まない潔癖症な方には無縁の悩みかと思いますが、私を含めてそうでない方は画像のサイズ(と言うかアスペクト比)が不揃いなせいでレイアウトが微妙にズレたり気に入らなかったりする場合があるんじゃないでしょうか。 主にPixabayなどからダウンロードしたフリー素材や自分で撮影したスクリーンショットをリサイズしないでそのまま使用しているとそういう事になっちゃうわけですが、当エントリーではCSSで簡単にそのアスペクト比を設定する方法を書いてみたいと思います。
