javascript - 如何在浏览器中将 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