Maison > interface Web > tutoriel HTML > 固定窗体大小_html/css_WEB-ITnose

固定窗体大小_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:10:24
original
1032 Les gens l'ont consulté

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

请问:
如何用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>
Copier après la connexion



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';    }}
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal