Facebook评论插件在iframe中加载一个iframe，导致宽度不响应

Facebook comments plugin loads an iframe in an iframe which causes non responsive width

本文关键字：iframe 一个 不响应 插件 评论 加载 Facebook      更新时间：2023-09-26

我已经加载了以下代码。

<div id="fb-root"></div>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/all.js#xfbml=1&appId=584188471733742&version=v2.5";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div style="width: 500px;">
    <div class="fb-comments" data-width="100%" data-numposts="15" data-colorscheme="light" data-mobile="false"
         data-order-by="reverse_time"></div>
</div>

正如你所看到的，我定义了100%的宽度。但是，被呈现的代码是iframe中的一个iframe，第一个是正确的，第二个是固定宽度600px。

我认为不应该有两个iframe。有关结果，请参阅提供的图像。如何修复此的任何建议

生成的html代码

看起来facebook还不支持在使用流体宽度时省略数据href属性的选项。

请参阅：https://developers.facebook.com/bugs/1543583425960050

相关文章：