Facebook页面插件宽度不适用

我正试图实施Facebook Page Plugin。我将宽度设置为500，但始终保持在280像素。Facebook页面插件宽度不适用

<div id="facebook-feed" style="text-align: center"> 
      <div class="fb-page zdepth-1" data-width="400" data-href="https://www.facebook.com/facebook" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"></div> 
</div>

enter image description here

我在做什么错？

来源

2015-04-01 Bene

不知何故

.fb_iframe_widget {width:500px !important;}

只有作品有时我。但我终于明白是什么导致了这个问题。我把插件包装在div中，显示设置为none。我将其更改为内联块，现在可以工作。

来源

2015-04-01 16:22:42 Bene

虽然很难在没有其他代码的情况下对其进行测试，但您应该能够通过将width="500px"直接添加到HTML中来调整div类的宽度。

此方法对我来说特别适用于不同的嵌入，包括facebook插件。

如果您选择使用CSS来添加它，试着加入：

.fb-page zdepth-1 {width:500px;}

来源

2015-04-01 15:55:25

不起作用。我认为，因为插件生成一个iframe，我不能直接修改它。或者我可以吗？但是我尝试过.fb_iframe_widget {width：500px！important;}并且它可以工作。应该早一点尝试过。不管怎么说，还是要谢谢你 ;） – Bene 2015-04-01 16:03:54

尝试使用

.fb-page zdepth-1 {width:500px !important;}

来源

2015-04-01 15:58:07

试图适应更小的容器中的页插件/画面

插件呈现在一个较小的宽度（以适应较小的屏幕）自动，如果容器是更薄大于配置宽度。

它试图很好地在较小的屏幕上呈现，假设容器挤压移动。

因此，在您的情况下，容纳插件的容器小于配置宽度，即500px。

来源

2015-04-08 00:04:47

例文档的差：

父元素可以覆盖插件宽度仅在一个方向 - 通过挤压它。设置data-width="500"（最大），并使您的包装元素更小例如：width: 280px;

来源

2015-07-10 10:15:00

Facebook页面插件宽度不适用

回答

相关问题