logo标签列表

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

cssxhtmliframehtml
5

我需要在另一个网站中嵌入一个网站（我认为是通过iframe）。 我想将该网站嵌入到200x150像素的分辨率中。

我该如何做？

你是希望将网站缩放以适应 iframe 的大小，还是按正常尺寸显示？ - Lazarus
我想将网站缩放以完全适应那个 iframe。 这可能吗？ 谢谢 :) - xrobot2
5个回答
6

以防万一有人走到这里。解决方案在https://dev59.com/PWgu5IYBdhLWcg3wWl4q#11382661中。在不同的上下文中出现相同问题。将iframe设置为所需的宽度和高度，并使用CSS进行缩放。可能无法在所有浏览器中正常工作。

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

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

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

如果你的意思是将网站缩小以适应该框架，那么你是做不到的。

0
如果您无法访问iframe本身，则几乎没有什么可以做的，因为您无法使用Javascript访问其他域中的iframe。
但是，如果您能够更改外部页面，则可以传递URL参数或尝试CSS3媒体查询。对于URL参数，如果存在该参数，则会包含第二个样式表，该样式表会更改布局或以某种方式减小网页的大小。
-1

无论是在 iframe 中还是不在 iframe 中，整个网站的程序化扩展都是不可能的。

您需要在服务器端对嵌入页面进行截屏，调整大小并将其作为图像提供。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接