javascript - 用于限制浏览器窗口大小的 css 或 javascript 选项

Question

这就是我想要的要求。

如果我点击回车按钮。启动一个新的弹出窗口。

#room_iframe{
    border: 0; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    width:100%; 
    height:100%;
    min-width: 1024px;
    min-height: 800px;
}

如您所见，如果用户调整浏览器窗口大小，低于 1024*800

它制作一个卷轴。

但我的客户希望将其更改为停止调整窗口大小(如果最小为 1024*800)。

或者是否有用户永远无法调整浏览器窗口大小的选项？

Answer 1

那么，您想成为那个网站吗？您需要一个保持固定宽度/高度的窗口……或者至少是最小宽度/高度。如果您的目标浏览器是 IE，您可以设置“resizable=0”。

但是，我们是 21 世纪的宝贝。我们有讨厌的浏览器，如 Chrome 和 FireFox，阻止我们自动打开窗口或阻止调整大小。

嘘。

我们不会让他们在我们的游行中下雨!那么，我们该怎么办呢？

内容如下:

window.open('', 'that site!', 'width=300, height=300, resizable=no')

这涵盖了我们的 IE。但是，那些......呃，现代浏览器怎么样？

有几种方法: 监听 onresize 事件。如果窗口尺寸变得小于您想要的尺寸，请调整新窗口的大小。这是一个证明这一点的 fiddle : http://jsfiddle.net/eqj3k/

另一种方法是通过 setTimeout 轮询窗口 - 这是一个 fiddle :http://jsfiddle.net/5PAHP/

这两者都不会锁定网站(它只是防止浏览器低于 500x500)。

玩得开心!
在这里插入邪恶的笑声