Javascript 如何在调整大小时更改字体大小以适合其父框？

一些分辨率较小的文本从父框中跳出并被剪裁。如何修复它？
最好使用jQuery，但我不介意使用JavaScript。
更新

---

我想做的是，当调整页面大小时，如何使文本适合其父框？

这可以通过使用javascript或jquery来完成。您可以调用jQuery的resize函数

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

$（窗口）。调整大小（函数（）{
如果（$（此）.height（）<640）{
$（body.css（“字体大小”，“10pt”）；
}
});

---

通过使用这种方式，您可以自定义您的逻辑……

这可以通过使用javascript或jquery来完成。您可以调用jQuery的resize函数

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

$（窗口）。调整大小（函数（）{
如果（$（此）.height（）<640）{
$（body.css（“字体大小”，“10pt”）；
}
});

---

通过使用这种方式，您可以自定义您的逻辑……

您可以使用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;
    }

}   

---

您可以使用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;
    }

}   

---

你可以用它。这些其他解决方案也会奏效。但是如果你改变浏览器的大小，它可能会变得非常混乱。

你可以用它。这些其他解决方案也会奏效。但是如果你改变浏览器的大小，它可能会开始变得非常混乱。

Media queries rock；比javascript好得多——除非你想让一切都保持在一条线上；比javascript好得多，除非你想把所有的东西都放在一行。实际上，对于你正在做的事情，你只需要删除链接框上的宽度，让它们自动。在那里放些填料。如果你喜欢的话，还有一个最小宽度来保持它们的一致性。文本居中对齐。线条高度与垂直中心的div高度相同。实际上，对于您正在做的事情，您只需要删除链接框上的宽度，并让它们自动显示。在那里放些填料。如果你喜欢的话，还有一个最小宽度来保持它们的一致性。文本居中对齐。线条高度与垂直中心的div高度相同。