备忘:
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;
}
能力有限,如有不足,请指正。