修改index.template.html,加入一段js获取浏览器窗口的宽高,根据浏览器窗口宽高修改css样式,html, body { height:100%; width:100%; }的height和width是百分比还是具体大小,当是具体大小时就会出现滚动条,当是百分比时就会充满整个窗口。
具体如下:
1.加入以下js原码(Application大小为1100X600)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 | var
var
function
{ //获取窗口宽度 if
{ winWidth = window.innerWidth; } else ((document.body) && (document.body.clientWidth)) { winWidth = document.body.clientWidth; //获取窗口高度 } if
{ winHeight = window.innerHeight; } else ((document.body) && (document.body.clientHeight)) { winHeight = document.body.clientHeight; } //通过深入Document内部对body进行检测,获取窗口大小 if
{ winHeight = document.documentElement.clientHeight; winWidth = document.documentElement.clientWidth; } var
if (winWidth < 1100) { cssSize[0].style.width = "1100px" ; } else { cssSize[0].style.width = "100%" ; } if (winHeight < 600) { cssSize[0].style.height = "600px" ; } else { cssSize[0].style.height = "100%" ; } } window.onresize=findDimensions; function
//调用函数,获取数值 findDimensions();
} |