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

How do I resize a DIV to full screen in a browser

本文关键字:调整 DIV 浏览器      更新时间:2023-10-24
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 是可拖动的,并且可以调整大小,当我为全屏编写代码时,拖动和调整大小停止工作。

我该如何解决此问题?

如果你在你的网站中使用jQuery,你可以试试这个:

function maximize(){
    $('#main-window').width($(window).width()).height($(window).height());
    make_draggable();
};

这是工作小提琴