强制 Facebook 使用风格

Question

我正试图强制 Facebook 嵌入占据页面的一半。通常在 CSS 中，我会使用width: 50%，但 Facebook 似乎将最大像素限制为 500，但我不希望这种情况发生。有解决办法吗？

这是我当前的代码：

iframe{
  width: 100%; /*should take up the entire container, instead takes up 500px*/
}

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Feliotfiskguitar&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" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

正如你在 sn-p 中看到的，它应该占据整个页面，但它却占据了 500px。

我还尝试使用 JQuery 来计算页面的宽度并将data-width 属性设置为以像素为单位的宽度，但同样，它的上限为 500 像素。

帮助表示赞赏。

谢谢

Answer 1

很遗憾，我认为这是您无法解决的问题。我认为这是 Facebook 的问题，而不是您的代码。如果您绝对需要解决此问题，我建议您设置自定义 div 或其他 HTML 元素并将其全部放入 iframe，自行自定义并添加链接到他们的Facebook 页面。

当我转到link that is inside of the frame 时，它也没有给我正确的尺寸。

很抱歉，我们帮不上忙，但我认为没有其他方法，而且我对 Facebook 的 API 也不是特别熟悉。