前提・実現したいこと
font-sizeを可変にしたい。
firefoxはウィンドウサイズの幅をスーッと縮めると
スーッとっと文字サイズが変化していくので希望通りの挙動。
発生している問題・エラーメッセージ
IE11で、ウィンドウサイズの幅をドラッグで縮めても
フォントサイズが変わらない。
ただしライブで変わらないだけで、再読み込みするとフォントサイズは変わっている。
safariはウィンドウサイズの幅をスーッと縮めると
カクカクっと文字サイズが変化していく。
該当のソースコード
css
1html { 2font-size: 1vw; 3} 4.test { 5font-size: 12rem; 6}
html
1<p class="test">TEST</p>
試したこと
「font-size 可変」で調べる。
該当のソースコードと同じremやvwを使った方法しか出てこず、IE11への言及は見つけられなかった。
そもそもIE11に対応する必要があるのかというところですが、
とりあえずmicrosoftサポート期間中の
https://blogs.windows.com/japan/2021/05/19/internet-explorer-11-desktop-app-retirement-faq/
の期限まではやりたいです。
回答2件
あなたの回答
tips
プレビュー