如何通过 iframe 嵌入调整大小的网站？ [关闭]答案

【问题标题】：How to embed a resized website throught an iframe? [closed]如何通过 iframe 嵌入调整大小的网站？ [关闭]
【发布时间】：2011-03-18 21:54:39
【问题描述】：

我需要将一个网站嵌入另一个网站（我认为是通过 iframe）。我想以这个分辨率嵌入这个网站：200x150 像素。

我该怎么做？

【问题讨论】：

【解决方案1】：

以编程方式扩展整个网站是不可能的，无论是否在 iframe 中。

您必须在服务器端截取嵌入页面的屏幕截图，调整其大小并将其作为图像提供。

【讨论】：

【解决方案2】：

如果您的意思是缩小网站以适应该框架，那么您不能。

【讨论】：

【解决方案3】：

网站必须非常小才能适应这些尺寸。

<iframe src="http://www.google.com" width=200px; height=150px;></iframe>

【讨论】：

【解决方案4】：

如果您无法访问 iframe 网站本身，那么您无能为力，因为您无法使用 Javascript 从其他域访问 iframe。

但是，如果您能够更改外部页面，则可以传递 URL 参数或尝试CSS3 media queries。对于 URL 参数，如果存在更改布局或以某种方式减小网页大小的参数，则只需包含辅助样式表。

【讨论】：

【解决方案5】：

以防有人在这里徘徊。 https://stackoverflow.com/a/11382661/605112 中的解决方案。同样的问题在不同的上下文中。将 iframe 设置为所需的宽度和高度，并使用 CSS 对其进行缩放。可能不适用于所有浏览器。

<iframe width="1024" height="768" src="http://www.bbc.com" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>

【讨论】：