Javascript HTML以独立于父窗口的缩放方式打开新窗口

在Firefox和Chrome中，通过JavaScript

window.open（）

打开一个新窗口，并在该窗口中放大/缩小，将使打开该窗口的父窗口放大相同的大小。

---

有没有办法阻止这种情况发生，或者有没有办法将子窗口设置为自己的父窗口，以便允许独立缩放？

这里有一篇关于FF和Opera（？）的文章，可能有助于-

本文介绍了如何更改javascript的缩放

---

您可以使用此功能或类似功能来缩放到所需的大小。

在新页面上指定

zoom

css样式

.zoom {
  zoom: 150%;
}

这将在不影响父窗口的情况下提供独立的缩放

---

在Firefox中，缩放似乎链接到您所在的域。因此，如果我缩放此站点，所有其他stackoverflow选项卡和windows都会随之缩放（但meta.stackoverflow.com上的选项卡不会）。您可以尝试打开另一个子域上的窗口，但随后会遇到跨站点脚本限制。您可以在JS中实现这一点，也许可以通过在弹出窗口中调整文档的基本字体大小（假设其他所有内容都是使用

em

或其他字体大小相对单位来调整大小）？我已经尝试更改大小…它可以工作一秒钟，但firefox随后将大小调整回100%。humpWindow=window.open（“HumpActivitySum.jsf”，“_new”，“位置=1，状态=1，滚动条=1，宽度=2000，高度=1000，可调整大小=false”，false）；humpWindow.document.getElementById（“全部”）.style.fontSize=“80%”；我怀疑您需要等待文档加载（例如，使用

load

事件或jQuery

ready

事件），然后再设置字体大小，否则CSS将加载并重新设置！我已经尝试实现jQuery来实现我的结果，但到目前为止，只要我按下一个键，标题就会变成白色。我试过这样做，所以当我按enter键时，页面字体大小会减小，但没有骰子$（'all'）.on（keypress='13'，function（）{var el=document.getElementById（'all'）；var style=window.getComputedStyle（el，null）.getPropertyValue（'font-size'）；var fontSize=parseFloat（style）；el.style.fontSize=（fontSize-5）+“px”