您不需要用额外的标记来包装iframe。只要确保你增加iframe的宽度和高度，就像你缩小iframe一样。

例如，将iframe内容缩放到80%:

#frame { /* Example size! */
    height: 400px; /* original height */
    width: 100%; /* original width */
}
#frame {
    height: 500px; /* new height (400 * (1/0.8) ) */
    width: 125%; /* new width (100 * (1/0.8) )*/

    transform: scale(0.8); 
    transform-origin: 0 0;
}

基本上，为了获得相同大小的iframe，你需要缩放尺寸。

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

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

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

您不需要用额外的标记来包装iframe。只要确保你增加iframe的宽度和高度，就像你缩小iframe一样。

例如，将iframe内容缩放到80%:

#frame { /* Example size! */
    height: 400px; /* original height */
    width: 100%; /* original width */
}
#frame {
    height: 500px; /* new height (400 * (1/0.8) ) */
    width: 125%; /* new width (100 * (1/0.8) )*/

    transform: scale(0.8); 
    transform-origin: 0 0;
}

基本上，为了获得相同大小的iframe，你需要缩放尺寸。

这是我在一个宽度为890px的页面上的解决方案

#frame { 
overflow: hidden;
position: relative;
width:1044px;
height:1600px;
-ms-zoom: 0.85;
-moz-transform: scale(0.85);
-moz-transform-origin: 0px 0;
-o-transform: scale(0.85);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.85);
-webkit-transform-origin: 0 0; 

}

如果您希望iframe及其内容在窗口调整大小时缩放，您可以将以下设置为窗口的resize事件以及iframes onload事件。

function()
{
    var _wrapWidth=$('#wrap').width();
    var _frameWidth=$($('#frame')[0].contentDocument).width();

    if(!this.contentLoaded)
      this.initialWidth=_frameWidth;
    this.contentLoaded=true;
    var frame=$('#frame')[0];

    var percent=_wrapWidth/this.initialWidth;

    frame.style.width=100.0/percent+"%";
    frame.style.height=100.0/percent+"%";

    frame.style.zoom=percent;
    frame.style.webkitTransform='scale('+percent+')';
    frame.style.webkitTransformOrigin='top left';
    frame.style.MozTransform='scale('+percent+')';
    frame.style.MozTransformOrigin='top left';
    frame.style.oTransform='scale('+percent+')';
    frame.style.oTransformOrigin='top left';
  };

这将使iframe及其内容缩放到包装div的100%宽度(或任何你想要的百分比)。作为一个额外的好处，你不必将框架的css设置为硬编码值，因为它们都是动态设置的，你只需要担心你想要如何显示wrap div。

我已经测试过了，它可以在chrome, IE11和firefox上运行。

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