javascript - 强制 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>

正如您在代码片段中看到的，它应该占据整个页面，但它却占据了 500 像素。

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

感谢帮助。

谢谢

Answer 1

不幸的是，我不认为这是你可以解决的问题。我认为这是 Facebook 的问题，而不是你的代码的问题。如果您绝对需要解决此问题，我建议您设置自定义 div 或其他 HTML 元素并将其全部放入 iframe 中，自行定制并添​​加转到其 Facebook 页面的链接。

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

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