html - 如何让我的 Facebook 页面插件响应？

Question

我想让我的嵌入式 Facebook 插件响应屏幕宽度。

我使用的插件来自this site ，并且我选中了 Adapt to plugin container width 框。

目前我的插件没有响应。

.socialDivContainer {
  margin: 0px 0 0 0;
  text-align: center;
  max-width: 500px;
}

.socialDivContainer div {
  display: inline-block;
  margin: 0;
  padding: 60px;
  margin: auto;
  max-width: 500px;
}

<div class="socialDivContainer">

  <div class="fb-page" data-href="https://www.facebook.com/flatworlddigital/" data-tabs="timeline" data-width="500" data-small-header="false" data-adapt- container-width="true" data-hide-cover="false" data-show-facepile="true">

    <blockquote cite="https://www.facebook.com/flatworlddigital/" class="fb- 
    xfbml-parse-ignore"><a href="https://www.facebook.com/flatworlddigital/">FlatworldWorks</a>

    </blockquote>
  </div>

</div>

Answer 1

尝试删除 data-width="500"，因为它将插件设置为静态宽度。将该参数与响应属性结合使用是没有意义的。我只是尝试创建没有该参数的代码，它对我有用。

编辑:另外，设置 data-adapt-container-width="true"