HTML 打开一个独立于父窗口缩放的新窗口答案

【问题标题】：HTML Open a new window with zoom independent of parent windowHTML 打开一个独立于父窗口缩放的新窗口
【发布时间】：2013-11-20 16:08:28
【问题描述】：

在 Firefox 和 Chrome 中，通过 JavaScript window.open() 打开一个新窗口并在该窗口中放大/缩小将导致打开它的父窗口以相同的量缩放。
有什么方法可以阻止这种情况的发生，或者有什么方法可以将子窗口设置为自己的父窗口以允许独立缩放？

【问题讨论】：

在 Firefox 中，缩放似乎与您所在的域相关联。因此，如果我缩放此站点，所有其他 stackoverflow 选项卡和窗口都会随之缩放（但 meta.stackoverflow.com 上的选项卡不会）。您可以尝试在另一个子域上打开窗口，但是您会遇到跨站点脚本限制。您可以在 JS 中实现这一点，或许可以通过在弹出窗口中调整文档的基本字体大小（假设其他所有内容都使用 em 或其他字体大小相对单位调整大小）？
我试图改变大小......它工作了一秒钟，但 Firefox 然后将大小调整回 100%。 humpWindow = window.open("HumpActivitySum.jsf", "_new", "location=1,status=1,scrollbars=1,width=2000,height=1000,resizable=false", false); humpWindow.document.getElementById("all").style.fontSize="80%";
我怀疑您需要等待文档加载（例如使用load 事件或jQuery ready 事件），然后再设置字体大小，否则CSS 将加载并设置它又回来了！
我尝试实现 jQuery 来实现我的结果，但到目前为止，只要我按下一个键，标题就会变成白色。我已经尝试过了，所以当我按 Enter 键时，页面字体大小会减小，但没有骰子。 ' ....... '

【解决方案1】：

这里有一篇关于 FF 和 Opera (?) 的文章可能会有所帮助 -

这篇文章涵盖了想要通过 javascript 更改缩放。

您也许可以使用这个或类似的东西来缩放到您想要的大小。

【讨论】：

【解决方案2】：

在您的新页面上指定zoom css 样式。

.zoom {
  zoom: 150%;
}

这将为您提供独立缩放而不影响父窗口。

【讨论】：