如何用JS控制网页字体大小,使其能够自适应屏幕大小

Question

如题，怎么用js控制字体的大小。我举个例子：比如我这个文字的标题是10个字，让他显示的字体大小是30px，如果要是20个字以上的话，我想让它显示的字体大小是14px，我在网上百度的都是什么点击按钮去控制字体大小，这个不是我想要的，所以才在这里问大神们，我这小菜比！~谢谢了~
希望清晰些，谢谢了！~

Answer 1

```

function aaa(){
    //获取对象
    var obj=document.getElementById("headline")
    //获取值
    var a=obj.innerText;
    //弹框测试   
    //alert(a.length);

    //此对象值的长度
    var counta=a.length;
    if(counta<=10){
        obj.style.fontSize='20px';
    }else if(counta<=20){
        obj.style.fontSize='30px';
    }else if(counta<=30){
        obj.style.fontSize='40px';
    }
}

<!--当页面加载之后 调用aaa()这方法 -->
<!-- 比如我这个文字的标题是10个字
，让他显示的字体大小是30px，如果要是20个字以上的话，我想让它显示的字体大小是14px -->
<!-- 标题 -->

标题长度小于20为字体大小为30px