点击按钮后会出现一个弹出窗口。我不希望弹出窗口可以调整大小。我尝试在css resize:none
和resizable:none
中使用,但这并不适用于所有浏览器。
是否有一个可以使用的css元素,以便pop窗口无法在所有浏览器中调整大小,或者是否存在许多不同的可重新配置的相关css元素,以便我可以使用它们,因此最终所有弹出窗口都无法调整大小所有的broswers?
我知道在哪里放置css元素,在window.open函数中,我只是想知道其他css方法可以使弹出窗口不能为所有浏览器调整大小
浏览器使用(所有最新浏览器):IE,Firefox,谷歌浏览器,Safari和Opera
答案 0 :(得分:10)
您不能使用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>
其他资源
查看MDN上的window.open
文档:https://developer.mozilla.org/en/DOM/window.open
根据MDN,Firefox不支持resizable属性:
<强>可调整大小的强>
如果此功能设置为yes,则为新的辅助窗口 将是可调整大小的。注意:从1.4版本开始,基于Mozilla 浏览器在状态的右端有一个调整大小的窗口 吧,这确保用户可以调整浏览器窗口的大小,即使 Web作者请求此辅助窗口不可调整大小。在 在这种情况下,窗口标题栏中的最大化/恢复图标将是 禁用,窗口的边框不允许调整窗口大小 仍然可以通过状态栏中的那个grippy进行调整。
启动 使用Firefox 3,辅助窗口始终可调整大小(错误177838)
答案 1 :(得分:2)
Firefox不支持此功能。
看看这里:
how can we disable resizing of new popup window in firefox?
更进一步,让它不可调整是一个坏主意。如果您的用户视力不佳,有没有设置大字体?