Heim > Artikel > Web-Frontend > 固定窗体大小_html/css_WEB-ITnose
固定窗体大小_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:10:241011Durchsuche
问题：
当我打开一个窗体的时候，用鼠标拖动窗体边框，改变其大小。当缩小窗体大小到一定值时，固定窗体大小，不能再缩小。
请问：
如何用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'; }} Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：哎各种游览器不同结果_html/css_WEB-ITnoseNächster Artikel：html网页中，可以引用其他html的代码吗？_html/css_WEB-ITnose