html - facebook 评论插件 html iframe 内容被剪裁，不会在容器中拉伸(stretch)

Question

您好，我无法拉伸(stretch) iframe 以显示其全部内容。

考虑一下:

http://jsfiddle.net/nDz32/

内容被截断了，我无法向下滚动以查看其余评论。

现在考虑一下:

我刚刚删除了 height: 100% !important

http://jsfiddle.net/rASW7/1/

我可以滚动浏览所有评论。

问题:

这在实际浏览器中不起作用。在像 Chrome 这样的浏览器中，无论我设置什么，内容都会被剪辑。我需要让它在各个方向 100% 拉伸(stretch)，因为我要将它嵌入到移动设备上的 WebView 中。

我很无奈，我尝试了我能想到的每一种组合，但我无法让它像在实际浏览器中的第二个链接中那样显示...

Answer 1

我在我的网站上这样做了。这对你有用吗？

用这个替换你的:

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe  {width: 100% !important; }

http://jsfiddle.net/nDz32/1/

看起来问题是使用 SDK 的本地文件即使使用 CSS 样式也无法正确调整大小。