質問: 検証用でHTMLにベタ書きですが、以下のように。 ``` 無題ドキュメント この文字がすごいことに ``` をMS Edgeで見ると、 ![並べてみました](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/51b2a89de88253afef079c5ebfd8476b.jpeg) 上のようになり、Firefox/Chrome/Operaで見ると、下のようになります。 フォントサイズは、87.5%で14px相当を基本に、0.25vwで2px相当足して、 16pxがベースフォントサイズになるようにしていて、 この文字部分は2emにしてあるので、おおよそ32px相当になってくれれば、 意図したサイズなので、下の方が正解となるのですが... Edgeだと、0.25vwの部分だけ反映されているようで、 その証拠に、ブラウザサイズを変更すると、上の画像より、小さくなって くれるんですね(画像はいずれもフルスクリーンでキャプチャ)。 ちなみに、Windows10にしてから、IETesterでIE9以降のテストが 出来なくなっているので、未確認... コリスさんの紹介記事 calcはIE9以降で対応しているはずなので、上記サイトと同じことを やっているのですが、計算式がだめなのでしょうか?それとも、Edgeのバグ? 可能な方であれば、IE9-11でどうなっているか、教えていただけると幸いです。
回答: IE9-11でもMS Edgeと同じ表示でした。 この問題については、IE(MS Edge)のバグだと思います。 以下のような対応はいかがでしょうか。 <代替案> ``` html { color:#000; line-height:150%; font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif; font-size:62.5%; } body { font-size:calc(1.4em + 0.25vw); /* =14px + 0.25vw*/ } ``` ちなみに 0.25vw = 2px なのは、viewport(表示領域)が800pxのときのみです。 >Windows10にしてから、IETesterでIE9以降のテストが 出来なくなっているので、未確認... ⇒ こちらで確認できないでしょうか?