font-sizeをどの幅でも縮小拡大するvw単位の使い方

vwの単位が幅によって拡大縮小はするのですが
1vw,2vwなどこれが何pxになるのかわからない。

例えば414pxの幅にfont-size:16pxを表示させたいと言うはXvwになるのか?

比率を計算するのは
414px : 100vw = 16px : Xvw
Xvw = ( 16 * 100 ) / 414px
3.864734299516908vwとなる。

これをいちいち計算して入力しても構わないのですが、
calcを使用すればこう言う書き方ができます。

font-size: calc( ( 16 * 100vw ) / 414 );
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.