我刚测试过，对我来说，其他的解决方案都不奏效。 我只是简单地尝试了一下，它在Firefox和Chrome上运行得很好。

<div class='wrap'>
  <iframe ...></iframe>
</div>

还有css:

.wrap {
  width: 640px;
  height: 480px;
  overflow: hidden;
}

iframe {
  width: 76.92% !important;
  height: 76.92% !important;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

这将所有内容放大23.08%，相当于原始版本比嵌入式版本大30%。(宽度/高度百分比当然需要相应调整(1/scale_factor))。

#wrap #frame解决方案很好，只要#wrap中的数字是#frame乘以比例因子。它只显示了缩小框架的那一部分。你可以在这里看到它缩小网站，并把它变成pinterest一样的形式(与woodmark jQuery插件):

http://www.genautica.com/sandbox/woodmark-index.html

所以可能不是最好的解决方案，但似乎还可以。

<IFRAME ID=myframe SRC=.... ></IFRAME>

<SCRIPT>
    window.onload = function(){document.getElementById('myframe').contentWindow.document.body.style = 'zoom:50%;';};
</SCRIPT>

显然不是试图修复父元素，只是添加了“缩放:50%”样式到子元素的主体，并使用了一点javascript。

也许可以设置“HTML”元素的样式，但没有尝试。

跟进lxs的回答:我注意到一个问题，同时有缩放和——webkit-transform标签，似乎混淆了Chrome(版本15.0.874.15)，做一个双重缩放的效果。我可以通过用-ms-zoom(只针对IE)替换zoom来解决这个问题，让Chrome只使用——webkit-transform标签，这就解决了问题。

我不认为HTML有这样的功能。我唯一能想到的是做一些服务器端处理。也许你可以获得你想要服务的网页的图像快照，在服务器上缩放它并将其提供给客户端。然而，这将是一个非交互式页面。(也许imagemap可以有链接，但仍然如此。)

另一个想法是有一个服务器端组件来修改HTML。有点像火狐2.0的缩放功能。这当然不是完美的变焦，但总比没有好。

除此之外，我没有别的办法了。

我刚测试过，对我来说，其他的解决方案都不奏效。 我只是简单地尝试了一下，它在Firefox和Chrome上运行得很好。

<div class='wrap'>
  <iframe ...></iframe>
</div>

还有css:

.wrap {
  width: 640px;
  height: 480px;
  overflow: hidden;
}

iframe {
  width: 76.92% !important;
  height: 76.92% !important;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

这将所有内容放大23.08%，相当于原始版本比嵌入式版本大30%。(宽度/高度百分比当然需要相应调整(1/scale_factor))。