如何通过iframe嵌入调整大小的网站?

时间:2010-07-21 10:21:52

标签: html css xhtml iframe html5

我需要在另一个网站上嵌入一个网站(我认为通过iframe)。 我希望将此网站嵌入此分辨率:200 x 150像素。

我该怎么做?

5 个答案:

答案 0 :(得分:6)

以防有人在这里徘徊。 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>

答案 1 :(得分:0)

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

答案 2 :(得分:0)

网站必须非常小,以适应这些维度。

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

答案 3 :(得分:0)

如果您无法访问iframed网站,那么您可以做的很少,因为您无法使用Javascript从其他域访问iframe。

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

答案 4 :(得分:-1)

无论是否在iframe中,都无法以编程方式扩展整个网站。

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