html - 缩小 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，你想缩放它的内容。