2011-11-21 61 views
4

我有一个弹出窗口,点击一个按钮后出现。我不想弹出窗口,但可调整大小。我尝试在css resize:noneresizable:none中使用,但这不适用于所有浏览器。我不想弹出窗口可调整大小

是否有一个可以使用的CSS元素,使弹出窗口不能在所有浏览器中调整大小,或者是有很多不同的可重新设置的相关CSS元素,以便我可以使用它们,因此最终所有弹出窗口都不能调整大小在所有的传统?

我知道在哪里把CSS元素,在window.open功能,我只是想知道其他的CSS的方式,可以使弹出窗口不可调整大小的使用(所有最新的浏览器)所有的浏览器

浏览器:IE浏览器,Firefox浏览器,谷歌浏览器,Safari浏览器和Opera

+1

这不是很好的做法。应由用户决定是否要重新调整窗口的大小。不要成为这样的控制怪胎:) – vascowhite

+1

如何不使用弹出窗口?更何况人们不喜欢他们,许多浏览器(手机,平板电脑)甚至可能不支持他们。 – Kos

+0

嘿,BruceyBandit。如果你现在准备好了,5年11个月后,为了将答案标记为答案:-)? –

回答

8

你不能用CSS做到这一点 - 你需要将resizable参数传递给window.open()函数。如果您将anchortarget属性一起使用,则需要使用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"); 

其他资源

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

根据MDN,火狐将不支持调整大小的属性:如果此功能设置为yes

可调整大小

,新辅助窗口 会改变大小。注意:从版本1.4开始,基于Mozilla的 浏览器在状态 栏的右端有一个调整大小grippy的窗口,这可以确保用户可以调整浏览器窗口的大小,即使网络作者请求此辅助窗口为非关联窗口调整大小。在 这种情况下,窗口标题栏中的最大化/恢复图标将被禁用,并且窗口的边框将不允许调整大小,但窗口 仍然可以通过状态栏中的那个grippy调整大小。

与Firefox 3开始 ,辅助窗口总是可调整大小的(错误177838

+0

我知道,但我说的是可调整大小和调整大小不适用于所有浏览器 – BruceyBandit

+0

是的,我不是说我使用css来调整弹出窗口的大小,它是在window.open函数中的javascript ,我问的是,还有其他CSS元素来调整弹出窗口,而不是调整大小或调整大小 – BruceyBandit

+0

Chrome也是这个用户友好的选项。 – johnathankent