Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css或javascript选项,用于限制浏览器窗口大小_Javascript_Html_Css - Fatal编程技术网

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

css或javascript选项,用于限制浏览器窗口大小,javascript,html,css,Javascript,Html,Css,这是我想要的条件 如果我点击回车按钮。启动一个新的弹出窗口 #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*8

这是我想要的条件

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

#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时停止调整窗口大小


还是有一个选项用户永远无法调整浏览器窗口的大小?

看看这个问题:

意译:

如果使用jQuery,可以执行以下操作:

$(window).resize(function(){
  window.resizeTo(1024,800);
});
但是,这并不总是有效的(例如,在Safari中,只有在没有其他选项卡的情况下才有效,在Firefox中,只有在window.open或类似工具启动的窗口中才有效),并且当它工作时,会非常烦人。如果只想设置最小尺寸,请添加if测试宽度和/或高度

没有jQuery,并且测试大小(很糟糕,它会调整窗口大小并检查文档大小…):

window.onresize=function(){
if(window.innerWidth<900 | | window.innerHeight<600){
窗口。resizeTo(1024800);
}
};

看看这个问题:

意译:

如果使用jQuery,可以执行以下操作:

$(window).resize(function(){
  window.resizeTo(1024,800);
});
但是,这并不总是有效的(例如,在Safari中,只有在没有其他选项卡的情况下才有效,在Firefox中,只有在window.open或类似工具启动的窗口中才有效),并且当它工作时,会非常烦人。如果只想设置最小尺寸,请添加if测试宽度和/或高度

没有jQuery,并且测试大小(很糟糕,它会调整窗口大小并检查文档大小…):

window.onresize=function(){
if(window.innerWidth<900 | | window.innerHeight<600){
窗口。resizeTo(1024800);
}
};

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

然而,我们在21世纪,宝贝。我们有一些讨厌的浏览器,比如Chrome和FireFox,阻止我们自动打开窗口或调整大小

我们不会让他们在我们的游行队伍上下雨!那么,我们该怎么办

以下是:

window.open('', 'that site!', 'width=300, height=300, resizable=no')
这涵盖了IE。但是,那些……呃,现代浏览器呢

有两种方法:收听
onresize
事件。如果窗口尺寸小于所需尺寸,请调整新窗口的大小。这是一把小提琴,展示了:

另一种方法是通过setTimeout轮询窗口-这里有一个提琴:

这两种方法都不会锁定站点(它只是防止浏览器低于500x500)

玩得开心

在这里插入邪恶的笑声

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

然而,我们在21世纪,宝贝。我们有一些讨厌的浏览器,比如Chrome和FireFox,阻止我们自动打开窗口或调整大小

我们不会让他们在我们的游行队伍上下雨!那么,我们该怎么办

以下是:

window.open('', 'that site!', 'width=300, height=300, resizable=no')
这涵盖了IE。但是,那些……呃,现代浏览器呢

有两种方法:收听
onresize
事件。如果窗口尺寸小于所需尺寸,请调整新窗口的大小。这是一把小提琴,展示了:

另一种方法是通过setTimeout轮询窗口-这里有一个提琴:

这两种方法都不会锁定站点(它只是防止浏览器低于500x500)

玩得开心

在这里插入邪恶的笑声

谢谢我也想检查你,但埃里克先给了我一个提示。你的建议非常有用:)谢谢,我也想检查你,但埃里克先给了我一个提示。你的建议非常有用:)