代码先给出,要求是要div能够全屏显示,并且没有滚动条(左右上下的滚动条)
//<body style=" margin:0; padding: 0;">
//<div id="big" style=" background-color:#363636">
// </div>
$("#big").width(window.screen.width);
$("#big").height(document.body.scrollHeight);
上述这两句代码当浏览器全屏的时候是能够绝对全屏的,没有滚动条,可是当浏览器不是全屏的时候就会发现div的高度变小了,变成了浏览器缩小的高度了,这当然不是我所要的,因为代码document.body本身就是获取窗口大小的
所以我高度和宽度都使用了:
$("#big").width(window.screen.width);
$("#big").height(window.screen.height);
使用上述两句代码就会发现在浏览器全屏的情况下左右就会有滚动条了...意思就是我big这个div的高度从document.body.srollHeight改成window.screen.height高度变成我想要了,可是宽度却变大了点....可是明明宽度我没有更改过....然后将高度改回来使用document又发现宽度恢复了...求大神解答
//<body style=" margin:0; padding: 0;">
//<div id="big" style=" background-color:#363636">
// </div>
$("#big").width(window.screen.width);
$("#big").height(document.body.scrollHeight);
上述这两句代码当浏览器全屏的时候是能够绝对全屏的,没有滚动条,可是当浏览器不是全屏的时候就会发现div的高度变小了,变成了浏览器缩小的高度了,这当然不是我所要的,因为代码document.body本身就是获取窗口大小的
所以我高度和宽度都使用了:
$("#big").width(window.screen.width);
$("#big").height(window.screen.height);
使用上述两句代码就会发现在浏览器全屏的情况下左右就会有滚动条了...意思就是我big这个div的高度从document.body.srollHeight改成window.screen.height高度变成我想要了,可是宽度却变大了点....可是明明宽度我没有更改过....然后将高度改回来使用document又发现宽度恢复了...求大神解答
