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

Question

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

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

我知道在 window.open 函数中将 css 元素放在哪里，我只是想知道其他 css 方法可以使弹出窗口对于所有浏览器都无法调整大小

浏览器使用（所有最新浏览器）：IE，Firefox，Google Chrome，野生动物园和歌剧

Answer 1

您无法使用 CSS 执行此操作 - 您需要将 ressized 参数传递给您的 window.open() 函数。如果您使用带有 target 属性的 anchor，则需要改用 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 将不支持 resizing 属性：

调整大小

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

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

Answer 2

火狐浏览器不支持这个。

看看这里：

我们如何禁用调整大小Firefox 中的新弹出窗口？

此外，使其不可调整大小是一个坏主意。如果您的用户有视觉障碍并设置了大字体怎么办？

Answer 3

迟到总比不到好。得到这个工作：

window.addEventListener('load', () => {
  const popup = window;
  console.log(popup);
  popup.addEventListener("resize", () => {
    popup.resizeTo(306, 512);
  })
});