更改子窗口的缩放级别

Question

我正在使用window.open()打开一个新窗口。新窗口显示其中的视频。问题是当用户更改父窗口上的缩放级别时，子窗口继承相同的缩放级别，并且视频未在新窗口中正确显示。无论如何都要限制新窗口使用相同的缩放级别。

我尝试了一些方法（但没有用）：

1. 我尝试使用body.style.zoom = '100%'设置缩放级别，但它不支持跨浏览器，并且它将浏览器设置的缩放级别设置为100％。因此，如果用户将浏览器缩放级别设置为200％，则此代码只需将缩放级别设置为200％，并且无效。
2. 我尝试了CSS转换属性，但它也失败了，原因与上面提到的原因相同。

你会推荐其他任何解决方案吗？

Answer 1

您无法在所有浏览器中禁用或更改缩放功能。您可以尝试的其他事项：

• 您可以将video元素设置为width: 100%; height: 100%。视频和播放器不会缩放，但文字会缩放。
• 如果您可以使用较新的CSS技术，则可以使用基于视口的大小调整;见https://css-tricks.com/viewport-sized-typography/