我必须在iframe中显示外部页面。 iframe's宽度相对较小（约400px），无法更改。问题是，当我水平滚动iframe时，我可以看到未绘制所包含页面的背景。但有些页面正常呈现。
重现的代码非常简单：
<iframe src="http://ubuntu.com"></iframe>
<iframe src="http://britannica.com"></iframe>
<iframe src="http://linktiger.com"></iframe>
<iframe src="http://youtown.com"></iframe>
<iframe src="http://pagefreezer.com"></iframe> <!-- ok -->
<iframe src="http://imdb.com"></iframe> <!-- ok -->
一张图片胜过千言万语：http://jsfiddle.net/rKfNA/3/
使用普通的background css属性指定这些页面的背景。
我在ubuntu，android和windows下的所有主流浏览器中都重现了这个。
为什么iframe没有正确显示它们？这是渲染引擎的错误吗？或者这是'按设计'？
我该怎样做才能在iframe中显示内容呢？
你能帮忙吗？
答案 0 :(得分：1)
背景设置在身体上。正文是iframe的高度和宽度。
这是网站开发人员制作的错误。您可以在iframe中添加div。 iframe 完全需要是您要显示的网站的宽度和高度。 没有别的办法。
示例：http://jsfiddle.net/rKfNA/4/（iframe的宽度和高度不是其中网站的宽度和高度，因此有双滚动条）