javascript - 親ボックスに合わせてサイズ変更時にフォントサイズを変更する方法は?

Question

ここに私がやったことのリンクがあり
ます 低解像度のテキストの一部が親ボックスから出て、切り取られます。修正方法は？
jQuery を使用することが望ましいですが、JavaScript は気にしません。
更新
私がやりたかったのは、ページのサイズが変更されたときに、親ボックスに合わせてテキストを作成する方法ですか?

Answer 1

cssで画面サイズをターゲットにできます

@media screen and (min-width: 500px) and (max-width: 700px) {
body{
    font-size: x-small;
    }
}

@media screen and (min-width: 701px) and (max-width: 2000px) {
body{
    font-size: medium;
    }

}   

Answer 2

これは、javascript または jquery を使用して実行できます。jQueryのサイズ変更機能を呼び出すことができます

$(window).resize(function() {
  if($(this).height() < 640) {
      $(body).css("font-size","10pt");
  }
});

この方法を使用すると、ロジックをカスタマイズできます....

Answer 3

そのためにfittext.jsを使用できます。これらの他のソリューションは機能します。ただし、ブラウザのサイズを変更すると、本当にめちゃくちゃになる可能性があります。