【css】calc()で算出したフォントサイズはIE(Edge)での表示が狂う【備忘録】

css

レスポンシブでフォントサイズを変えたいとき、
calc(% + vw)の計算はIEとEdgeでは正確な表示が出来ない。

ので、calc(% + vw)ではなく、calc(em + vw)で記載。
※「rem」でも可。

font-size: calc(200% * 2vm);
↓
font-size: calc(2em * 2vm);

ちなみに、Chrome、Firefox、safariは「calc(% + vw)」でも問題なく表示。

ほんと勘弁して・・・。

【参考】
https://teratail.com/questions/51204

コメント