我不想调整弹出窗口的大小

Question

我有一个弹出窗口，它在单击按钮后出现。我不希望弹出窗口可以调整大小。我尝试在 css 中使用 resize:none 和 resizable:none 但这并不适用于所有浏览器。

是否有可以使用的 css 元素，以便弹出窗口不能在所有浏览器中调整大小，或者是否有很多不同的可调整大小的相关 css 元素，以便我可以使用它们，最终所有弹出窗口都不能在所有浏览器中调整大小？

我知道在 window.open 函数中放置 css 元素的位置，我只想知道其他 css 方法可以使弹出窗口无法针对所有浏览器调整大小

使用的浏览器（所有最新的浏览器）：IE、Firefox、Google Chrome、safari 和 Opera

原文由 BruceyBandit 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

其他资源

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

根据 MDN，Firefox 将不支持 resizable 属性：

可调整大小

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

从 Firefox 3 开始，辅助窗口始终可以调整大小（错误 177838 ）

原文由 James Hill 发布，翻译遵循 CC BY-SA 4.0 许可协议