如何使Facebook评论框宽度100%？2014

Question

同样的问题http://stackoverflow.com/questions/10862256/how-to-make-facebook-comment-box-width-100 我尝试了所有的答案,但它不再起作用了.看起来Facebook改变了一些东西.

Answer 1

这是一个facebook bug,请在这里查看:https: //developers.facebook.com/x/bugs/256568534516879/

唯一可用的解决方法是使用javascript.

稍后编辑:错误修复:你必须写: data-width="100%"

插件的宽度.流体宽度的像素值或文字100%.Comments插件的移动版本忽略width参数,而是具有100%的流体宽度. https://developers.facebook.com/docs/plugins/comments

Answer 2

参考https://developers.facebook.com/support/bugs/173395380238318/

Facebook评论插件，他们会不断更新新内容，但有时会导致新错误。

因此，简单的CSS将解决宽度问题。

/*Fb Comments Width Fix*/
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
            max-width: 100% !important;
            width: 100% !important;
 }

注意：确保使用！important。没有重要意义，它将无法正常运作。