动态更改窗口大小
Posted unique1319
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动态更改窗口大小相关的知识,希望对你有一定的参考价值。
例1:
/** * 动态更改窗口大小 */ function resizeWindow() { //设置内容高度 $(".main-wapper").height($(window).height() - $(".main-header").height() - $(".main-footer").height() - 1); $(".main-wapper").width($(window).width()); $(".main-con").height($(".main-wapper").height()); $(".main-con").width($(".main-wapper").width()); $("#map").height($(".main-con").height()); $("#map").width($(".main-wapper").width()); } $(function(){ // ------------------动态更改窗口大小----------------- resizeWindow(); $(window).resize(function(){ resizeWindow(); }); });
例2:
/** * 动态更改窗口大小 */ function initWindow() { //设置内容高度 $("#map").height($(window).height()); $("#map").width($(window).width()); } $(function() { initWindow(); $(window).resize(function(){ initWindow(); }); })
以上是关于动态更改窗口大小的主要内容,如果未能解决你的问题,请参考以下文章
在容器 Kendo 窗口调整大小时动态更改 Kendo Grid 行的高度