html - Facebook 页面提要 - 全高

Question

正如标题所说。我想插入一个延伸到窗口末尾的 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>

谢谢!

Answer 1

默认高度可以通过您的应用仪表板(在 Facebook 开发者网站上)进行设置。将其设置为“流体”应该允许您动态调整它的大小。

然后您应该将 100% height 应用到 iframe 本身，并为您的容器设置一个 min-height。