多模块加载如何根据窗口大小调整每一个模块的尺寸

Question

jquery css 调整样式
jquery outerWidth outerHeight 获取大小

Answer 1

main页面里面的内容本身应该是自适应的

Answer 2

不是，因为引用的页面的尺寸是固定数值，所以需要加载后进行修改那么如果 这个main单独加载呢？要不要控制？
或者你是不是应该在main里面加载top

Answer 3

不是，因为引用的页面的尺寸是固定数值，所以需要加载后进行修改那么如果 这个main单独加载呢？要不要控制？
或者你是不是应该在main里面加载topmain单独加载的话
我就可以用下面这种方法设置最外层div的大小（只有这个div的尺寸是固定的，其余都是百分比）
       
        var winHeight = window.innerHeight;
        var winWidth = window.innerWidth; 
        document.getElementById('all').style.height = winHeight + 'px';
        document.getElementById('all').style.width = winWidth + 'px';

Answer 4

那不就可以了你main页面 增加对 index中 main的容器的大小的（id＝main这个div）获取用这个大小来设置 最外面那个div的大小