CSS : メディアクエリを使わずレスポンシブ幅に対応する

メディアクエリの記述を使わず、最もコンパクトにレスポンシブな幅指定する方法。

.hoge {
  width: 90vw; //スマホ時の幅
  max-width: 800px; //PC表示時の幅
}

 width: 90vwは画面幅の90%の幅になりますが、max-width: 800pxで最大幅を制限しているため、800pxを境にフレキシブルに幅が可変します。