ホームページ > ウェブフロントエンド > htmlチュートリアル > $(window).resize による rem の変更、IE シリーズの互換性 issue_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-21 08:46:23
オリジナル
1704 人が閲覧しました

さまざまなブラウザウィンドウの幅で 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;}
ログイン後にコピー

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

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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート