レスポンシブ・デザインでのフォントサイズの指定の仕方

スマホなどのモバイル端末に対応することは、今や、ほとんど必須となりましたが、そのために、レスポンシブ・デザインを採用することが一般的になっています。その際に、フォントサイズはどう指定したらいいのかが問題です。

パソコン画面では、基本的なフォントサイズを16pxと指定するのが普通です。個人的には18pxぐらいでもいいと思います。

モバイル画面では、基本的なフォントサイズはvwで7vwぐらいにするのがいいかと思います。

問題はそれ以外の部分です。私は、bodyに基本的なフォントサイズを指定して、それ以外の部分を%で指定するのがいいのではないかと思います。あまりこだわりがなければ、そうすることで、@media screenのところで再度フォントサイズを指定し直さなくてもよい場合が増えるのではないかと思います。

一つの案です。