我不希望弹出窗口可以调整大小

Question

我点击一个按钮后出现一个弹出窗口.我不希望弹出窗口可以调整大小.我试着用CSS resize:none和resizable:none,但这并不适用于所有浏览器.

是否有一个css元素可以使用,以便pop窗口无法在所有浏览器中调整大小,或者是否有很多不同的可重新配置的相关css元素,以便我可以使用它们,所以最终所有弹出窗口都不能在所有broswers中调整大小？

我知道在哪里放css元素,在window.open函数中,我只是想知道其他css方法可以使弹出窗口不能为所有浏览器调整大小

浏览器使用(所有最新浏览器):IE,Firefox,谷歌浏览器,Safari和Opera

Answer 1

你无法用CSS做到这一点 - 你需要将resizable参数传递给你的window.open()函数.如果您使用的anchor是target属性,则需要使用JavaScript.

JS示例

window.open ("http://URL","mywin","menubar=1,resizable=0,width=350,height=250");

JS和HTML示例

<a href="#"
  onclick="window.open ('http://URL','mywin','resizable=0,width=350,height=250')">Open</a>

其他资源

看看window.openMDN 上的文档:https://developer.mozilla.org/en/DOM/window.open

根据MDN,Firefox不支持resizable属性:

可调整大小

如果此功能设置为yes,则新的辅助窗口将可调整大小.注意:从版本1.4开始,基于Mozilla的浏览器在状态栏的右端有一个调整窗口大小的窗口,这确保用户可以调整浏览器窗口的大小,即使Web作者请求此辅助窗口不可调整大小.在这种情况下,窗口标题栏中的最大化/恢复图标将被禁用,窗口的边框将不允许调整大小,但窗口仍然可以通过状态栏中的那个grippy进行调整.

从Firefox 3开始,辅助窗口始终可调整大小(错误177838)