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

Question

Here is the link of what I've done
一些小分辨率的文本超出父框并被剪掉。如何解决？
使用 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;
    }

}