$(window).resize による rem の変更、IE シリーズの互換性 issue_html/css_WEB-ITnose

さまざまなブラウザウィンドウの幅で 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;}

ディスカッションへの返信 (解決策)

なぜ同じ問題に遭遇する人がいるのですか?

これまでにこれに遭遇した人はいないでしょうか?