使用javascript放大页面加载时的div

Question

有点奇怪的问题，但我在Google上找不到任何相关信息。 页面加载时，我想放大一个场景。

想象下面的图像是页面加载时window宽度的100％，然后在延迟一段时间后窗口会放大，因此场景中的监视器是浏览器窗口的100％。 现在您将看到iframe。

这有意义吗？

我不确定执行此操作的最佳方法，我尝试按比例使用transform属性，但是我没有运气，也不确定如何渲染iframe？ 内容也会缩放吗？

http://jsfiddle.net/LLmaP/1/

Answer 1

您应该执行以下操作：

http://jsfiddle.net/LLmaP/18/

$('.monitor').load(function() {
   setTimeout(function() {
       $('.page').addClass('fullscreen');
}, 1000);
});

但是您必须设置三次贝塞尔曲线以使背景尺寸和iframe高度一致。 该网站可以为您提供帮助

http://cubic-bezier.com/