强制 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 属性设置为以像素为单位的宽度，但同样，它的上限为 500 像素。

感谢帮助。

谢谢

Answer 1

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

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

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

强制 Facebook 使用风格

Force Facebook to Use Style

html

javascript

css

facebook