使用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/