Question

我希望使我的嵌入式Facebook插件能够响应屏幕宽度。

我正在使用的插件来自this site，并且我已选中“适应插件容器宽度”复选框。

当前我的插件没有响应。

HTML：

<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>

CSS：

.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;
}

Answer 1

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

我如何使我的Facebook页面插件响应

1 个答案: