さまざまなブラウザウィンドウの幅で rem フォントのサイズを変更したいので、ページ上のフォントもそれに応じて変更されます。
$(window).resize は、画面幅。IE は、ページが最初に読み込まれるときに通常どおりフォントを表示します。rem のサイズは $(window).resize の後に変更されますが、ページ上のサブ要素のフォント サイズは次のように設定されます。 size:1rem、フォント サイズはそれに応じて変更されません。rem の変更、またはページが読み込まれたばかりのときのサイズに応じて変更されます。ただし、Chrome ブラウザでは正常です。ブラウザのウィンドウ サイズが変更されると、フォント サイズも変更されます。
また、IE9-IE11でも同様にフォントサイズの単位をvwにしてみてください。この場合は IE を作成します もちろん、互換性に関しては、ウィンドウ サイズが変更されたときに IE を更新するのが最も愚かな方法です。IE の互換性に関して何か良い解決策はないでしょうか。ブラウザのウィンドウが変更されると、フォント サイズも変更される可能性があります。
$(window).resize(function(){ $(":root").css({'font-size':parseInt(document.body.clientWidth/19)+'px'}); });
div{font-size:.5rem;}
ディスカッションへの返信 (解決策)
これまでにこれに遭遇した人はいないでしょうか?