强迫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 up。

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

帮助感激。

谢谢

Answer 1

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

当我去框架内的链接。，它也没有给我正确的大小。

对不起，我们没办法，但我不认为还有别的方法，而且我对Facebook的API也不太熟悉。