Rumah > hujung hadapan web > html tutorial > 固定窗体大小_html/css_WEB-ITnose

固定窗体大小_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:10:24
asal
1041 orang telah melayarinya

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

请问:
如何用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>
Salin selepas log masuk



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';    }}
Salin selepas log masuk

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan