有时,当用户将浏览器窗口拖得很小时,我们的页面可能会变得很难看。此时我们通常提供的一种解决方法是让页面出现滚动条,但是如果我们先前页面内部是让Div出现滚动条的,那么此时页面很可能就有双向滚动条,这样页面也不太美观。于是就想到了一种方法,页面有一个最小的宽度和高度,用户拖动浏览器窗口时,不能比这个最小的宽度和高度还要小。具体的代码如下:
代码
<script type="text/javascript"> var minPageW = 700;//允许的最小的页面宽度 var minPageH = 450;//允许的最小的页面高度 var minWinW = 800;//允许的最小的窗口宽度 var minWinH = 600;//允许的最小的窗口高度 //控制页面的大小 function controlPageSize() { var w = document.documentElement.clientWidth; //如果当前页面的宽度比允许的最小页面宽度还要小,则将窗口调整到允许的最小的宽度与高度 if (w < minPageW) { w = minPageW; window.resizeTo(minWinW, minWinH); } var h = document.documentElement.clientHeight; //如果当前页面的高度比允许的最小页面高度还要小,则将窗口调整到允许的最小的宽度与高度 if (h < minPageH) { h = minPageH; window.resizeTo(minWinW, minWinH); } return new Array(w, h); } jQuery(function($) { $(window).resize(function() { controlPageSize(); }); }); </script>