javascript - 调整窗口大小时扩展的字体大小

Question

如何在 HTML 中制作我的字体，以便当我展开窗口时，文本的大小也随之展开。有点像为文本设置一个百分比，该百分比将占其所在框大小的百分比。

下面是我希望发生的情况的说明:

#box #text {
   font-size: 50%;
}

现在假设 #box 是 200px，#text 应该是 100px。显然我不能只为 #text 设置固定宽度，因为在站点中 #box 将是一个动态宽度。

Answer 1

用 jquery 实现。

$(window).resize(function(){
    $('#box #text').css('font-size',($(window).width()*0.5)+'px');
});