webapp 怎么让最外层容器根据设备大小调节？

比如说
我想让aaa根据窗口大小调整大小
所以我让.aaa{width: 90% height: 90%;}
但是height不好使是怎么回事？height会变成0

那一般webapp是怎么实现 根据设备大小调整最外层容器大小的

 <div class="aaa">
        <div class="bbb"></div>
 </div>

用js设置

 var aaa=document.querySelector('.aaa');
 aaa.style.height=window.innerHeight();

把第二句后面的括号去掉，额，用jquery习惯了