IEなどでフォントサイズcalc(% + vw)の計算

calc()は値を計算式で指定できる便利なプロパティです。

また、異なる単位で計算することができ、%やvw, vh、pxなどと計算できます。

ですが、フォントサイズをcalcで(100% * 2vw)などと計算するとIEやEdgeなどのブラウザでは、正確な計算をできません。

  font-size: calc(100% * 2vm);

上記のように指定するとIE,Edgeのブラウザでは、ほかのブラウザと違う表示サイズになってしまいます。

なので%とvwの計算はせずに

  font-size: calc(1em * 2vm);

上記のように%などではなくemなどの単位を使って計算をしてやる必要があります。