メディアクエリを使わずにcss1行だけでフォントサイズをレスポンシブ対応にする方法【CSS】

• Date：2017-10-18
• Category：MVサイト製作日記
• Tags：HTML, css
• Response：Comments 0

レスポンシブサイトを作る時に一番面倒なのが、ビューポイントに合わせてメディアクエリを使い、細かく指定することだと思います。
その指定の中で今回は、フォントサイズをレスポンシブに対応してみます。

フォントサイズの指定で代表的な方法はvwを使うことですが、これだけだと正直使いづらいと感じています。
使用率はどんなものでしょうか？スマホだけに使ったり部分的に使うのはたまに見ますが…

そこで、calcと組み合わせて、vwを使いやすくしようと思います。