如何在浏览器中将 DIV 大小调整为全屏
How do I resize a DIV to full screen in a browser
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();
};
这是工作小提琴
相关文章:
- 调整Div的大小,同时保持比例
- 单击按钮调整Div Width的大小
- 自动调整 DIV 中嵌入视频流的大小
- 调整 DIV 大小,但在调整窗口大小时保持纵横比
- 如何根据视口大小调整Div高度
- 使用带有Parent和Child元素的Javascript调整Div的大小
- 想要一个平滑的动画时,调整DIV大小
- 用js或jquery调整Div大小
- 根据原始大小调整Div的大小
- 如何调整Div幻灯片的大小
- 调整DIV中所有元素的大小和位置以匹配新的尺寸
- 调整DIV(滑块)到屏幕大小
- 自动调整Div背景图像
- 如何调整DIV的大小以小于其初始宽度&高度
- 添加并调整DIV's在同一个地方
- requestAnimationFrame可以轻松地在IE 9+中调整DIV的大小(没有jQuery或CSS3)
- 我如何触发一个javascript来调整DIV的大小,使其尽可能快地工作
- 使用jquery resizable调整DIV上的句柄大小
- 调整Div的大小以适合不同的文本
- 根据图片调整Div大小单击