Hail2u

Edge 15でのfont-size: calc(<number> * <percentage>)

どうもEdge 15にはcalc()絡みのバグがまだまだ残っているようだ。font-sizeプロパティーで数字と割合を掛けてみたらよくわからない結果になった。Internet Explorer 11でも再現するため、Edge 12–15に存在しそうだ。

Demo: calc(<number> * <percentage>) in font-size property

Chrome 58やFirefox 53、Mobile Safari 10では20pxになる。しかしEg15やIE11ではなぜか3pxになってしまう。

どのようなcalc(<number> * <percentage>)でもバグるというわけではない。例えばwidthプロパティーで利用する場合はEg15やIE11でも正しく解釈される。


このバグについてもEdgeHTML issue trackerに報告しておいた。font-sizeプロパティーに依存するようだが、他でも起こるかもしれない。