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

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

```

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 -->
<!-- 标题 -->


var b=document.getElementById("a").innerText; //获取html内容 alert(b.length); function tabFirst(){ if(b.length>20){ $(".").css(""); }else{ $(".").css(""); } }

大体思路应该差不多，写个script，判断下，然后再给字赋属性

在css样式设定的时候就可以自定义，不需要js也可以实现字体自适应大小

移动端浏览器用css的media query来搞，不需要js
http://www.cnblogs.com/asqq/archive/2012/04/13/2445912.html

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 -->
<!-- 标题 -->