首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

固定窗体大小,该如何解决

2012-05-22 
固定窗体大小问题:当我打开一个窗体的时候,用鼠标拖动窗体边框,改变其大小。当缩小窗体大小到一定值时,固定

固定窗体大小
问题:
当我打开一个窗体的时候,用鼠标拖动窗体边框,改变其大小。当缩小窗体大小到一定值时,固定窗体大小,不能再缩小。

请问:
如何用js实现?

[解决办法]

HTML code
<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>                </style>    </head>    <body>        <div id="a"></div>        <div id="b"></div>        <script>            var $ = function(id){                return document.getElementById(id);            };            window.onresize = function(){                $('a').innerHTML =  document.documentElement.clientWidth                $('b').innerHTML =  document.documentElement.clientHeight                var minWidth = 900;                var minHeight = 500;                if( document.documentElement.clientWidth < minWidth && document.documentElement.clientHeight < minHeight ){                    window.resizeTo(minWidth, minHeight);                }            }        </script>    </body></html>
[解决办法]
resizeTo要对弹出的窗口才前效
[解决办法]
这个需求无法达到。
只能要body或div撑开页面,让其出现滚动条,从而使页面中的布局不发生变化。
JScript code
window.onresize = function(){    $('a').innerHTML =  document.documentElement.clientWidth    $('b').innerHTML =  document.documentElement.clientHeight    var minWidth = 900;    var minHeight = 500;    if( document.documentElement.clientWidth < minWidth && document.documentElement.clientHeight < minHeight ){        document.body.style.width = minWidth + 'px';        document.body.style.height = minHeight + 'px';    }} 

热点排行