自适应屏幕宽高的div

备忘：

JS 实现方法

function responsive(){
        var a=document.documentElement.clientWidth;
        var b=document.documentElement.clientHeight;
        //div宽高相对于屏幕的80%;
        var c=a*0.8;
        var d=b*0.8;
        var box=document.getElementById('box');
        box.style.width=c+'px';
        box.style.height=d+'px';
    }
    responsive();
window.οnresize=function(){
    responsive();  
}

//CSS 实现方法

<div id="box">

</div>

#box{
     width: calc(80%);
     height: calc(80%);
     background: #f00;
     position: fixed;
   }

能力有限，如有不足，请指正。