Facebook页面Feed - 完整高度

时间:2017-05-04 14:19:53

标签: html css facebook iframe plugins

就像标题所说的那样。我想插入一个延伸到窗口末尾的FB页面提要。这可能吗?当我在iframe上设置它时,800px是它想要走的最高点。我到处寻找答案,但没有运气。

我当然使用Facebook page plugin。这是我的代码的大纲,使用Bootstrap 4。

.card {
  position: fixed;
  width: 340px;
  height: 100vh;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="card p-0">
  <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FMercedesAMG&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>

谢谢!

1 个答案:

答案 0 :(得分:1)

可以通过您的应用仪表板(在Facebook Developers网站上)设置默认高度。将其设置为“流畅”应允许您动态调整大小。

然后,您应该将100%height应用于iframe本身并为您的容器设置min-height