首页 > web前端 > html教程 > 固定窗体大小_html/css_WEB-ITnose

固定窗体大小_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:10:24
原创
1029 人浏览过

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

请问:
如何用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';    }}
登录后复制

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板