缩小iframe（预览网页）

Question

如何创建网页预览？使用iframe，我无法缩小页面内容以创建漂亮的概述。

以下失败

<iframe src="/mplahmplah#important_stuff" style="width:700px; height:900px; -moz-transform:scale(0.15, 0.15)" sandbox="" seamless scrolling="no"></iframe>

Answer 1

如果iframe的域和容器页面相同并且您使用的是jQuery，请尝试以下操作：

$(function(){
    $('iframe').on('load', function(){
        $(this).contents().find('body').css({'-webkit-transform':'scale(0.15, 0.15)', '-moz-transform':'scale(0.15, 0.15)'}); 
    });
});

重点是你不想缩放iframe，你想缩放它的内容。