facebook评论插件html iframe内容被剪裁,不会在容器中伸展

时间:2013-12-20 22:33:52

标签: html css facebook-javascript-sdk

您好我无法展开iframe来显示整个内容。

考虑一下:

http://jsfiddle.net/nDz32/

内容被剪裁,我无法向下滚动以查看其余评论。

现在考虑一下:

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

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

我可以浏览所有评论。

问题:

这在实际的浏览器中不起作用。在像Chrome这样的浏览器中,无论我设置什么,内容都会被剪裁。我需要将它向各个方向伸展100%,因为我要将它嵌入移动设备的webview中。

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

1 个答案:

答案 0 :(得分:1)

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

用这个代替你:

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

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

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