yokoyoko_115 https://blog.hatena.ne.jp/yokoyoko_115/ 三日坊主がサイトを作るまで https://frog-song.hatenablog.com/ css cssプロパティの aspect-ratio という、とても便利なものを最近見つけました。 大体のブラウザで使えます（詳細はこちら）。 使い方を実際に書いて調べてみます。 ☆CSSメディアクエリの「aspect-ratio」やアスペクト比については（その1）にまとめました。 「aspect-ratio」についてもそちらで調べています。 cssプロパティの 「aspect-ratio」 参考記事： CSS aspect-ratioプロパティの基礎知識、便利な使い方、実装に必要なプログレッシブエンハンスメント | コリス 以前レイアウトシフト（CLS）の対策を考えた記事や、レスポンシブ対応の画像の… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffrog-song.hatenablog.com%2Fentry%2F2022%2F03%2F13%2F002506" title="CSSプロパティの「aspect-ratio」について（aspect-ratioその2） - 三日坊主がサイトを作るまで" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yokoyoko_115/20220306/20220306005545.jpg Hatena Blog https://hatena.blog 2022-03-13 00:25:06 rich https://frog-song.hatenablog.com/entry/2022/03/13/002506 1.0 100%