タイトルのようなことをふと思ったのでCSSのvw、vhをいろいろ試してみました。 PCは横長、スマホは縦長とまったく異なる縦横比率なために生じるレスポンシブ対応。それを実現するメディアクエリはとても便利ですが、何種類もCSSスタイルを書き分けるのは少々複雑ではあります。ここを突破する一番シンプルな方法を追求したい。そう、vw、vhでね。それでは参りませう! ※目次: レスポンシブ対応とは メディアクエリとは vh、vwとは 100% のサンプル「そうだ 小田急 乗ろう」 100vw、100vh に変えてみた obcect-fitでトリミング 100vw、80vhが最高にレスポンシブ!? 100vhで揃えてみる 100vwで揃えてみる 100vimで揃えてみる 100vmaxで揃えてみる 使用した写真 最後に ※参考:CSSの基本はこちら 【CSSの基本】書ける前に読む!HTML、CSS、J