我想分享一下我的想法，使用上面给出的大部分内容。我还没有检查Chrome浏览器，但据我所知，它在IE、Firefox和Safari浏览器中都可以运行。

这个例子中的具体偏移量和缩放因子适用于Facebook标签的iframe中缩小和居中两个网站(宽度为810px)。

使用的两个网站是一个wordpress网站和一个ning网络。我不是很擅长html，所以这可能已经做得更好，但结果似乎不错。

<style>
    #wrap { width: 1620px; height: 3500px; padding: 0; position:relative; left:-100px; top:0px; overflow: hidden; }
    #frame { width: 1620px; height: 3500px; position:relative; left:-65px; top:0px; }
    #frame { -ms-zoom: 0.7; -moz-transform: scale(0.7); -moz-transform-origin: 0px 0; -o-transform: scale(0.7); -o-transform-origin: 0 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; }
</style>
<div id="wrap">
    <iframe id="frame" src="http://www.example.com"></iframe>
</div>

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

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

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

如前所述，我怀疑你做不到。 也许你可以至少缩放文本本身，通过设置一个样式font-size: 80%;。 未经测试，不确定它的工作，不会调整框或图像的大小。

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

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

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

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

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

用CSS:

html{
    zoom:0.4;
}

?-)

如果你的html是用css样式的，你可能可以链接不同大小的不同样式表。