如何在浏览器中将DIV调整为全屏

Question

function maximize(){
    var width = document.body.clientWidth;
    var height  = document.body.clientHeight;
    var body = document.body;
    var div = document.getElementById(main-window);

    <-- Need here some code for assignind div-s height to browser height
    make_draggable();
};

这是代码，我需要将窗口全屏显示为窗口大小。

有一个问题，因为我的div是可拖动的，并且可以调整大小，当我为全屏编写代码时，拖动和调整大小会停止工作。

如何解决此问题？

Answer 1

如果您在自己的网站中使用jQuery，可以试试这个：

function maximize(){

    $('#main-window').width($(window).width()).height($(window).height());

    make_draggable();
};

这是工作fiddle