固定窗体大小_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 12:10:241025浏览
问题：
当我打开一个窗体的时候，用鼠标拖动窗体边框，改变其大小。当缩小窗体大小到一定值时，固定窗体大小，不能再缩小。
请问：
如何用js实现？
回复讨论(解决方案)
<!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> window对象的方法 ，在浏览器中兼容不是很好。
1楼的回答，我试了，不行啊。我的浏览器是IE9,不知道是不是浏览器的问题？
resizeTo要对弹出的窗口才前效
这个需求无法达到。
只能要body或div撑开页面，让其出现滚动条，从而使页面中的布局不发生变化。
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'; }} 声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn