javascript - 使用javascript在页面加载时放大div

Question

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

假设下图是页面加载时 100% 的 window 宽度，然后在延迟一段时间后窗口放大，因此场景中的显示器是浏览器窗口的 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);
});

但你必须设置你的 cubic-bezier 以使背景大小和 iframe 高度一致。这个网站可以帮助你

http://cubic-bezier.com/