Facebook上嵌入代码的奇怪的iframe宽度错误

时间:2019-06-14 09:37:28

标签: jquery html css iframe facebook-iframe

我正在尝试在我的网站上嵌入Facebook评论, 但是框的宽度显示不正确。 宽度:286像素,它会加载默认的350像素;

1

有趣的是,当我打开开发人员控制台并重新加载页面时,iframe会以正确的大小完美加载。

我还尝试编写jquery脚本,该脚本在页面呈现后重新加载iframe,但没有成功。

有人知道为什么会这样吗,我该如何解决? 谢谢

                            <div class="container">
                              <div class="row">
                                <div class="col-sm">
                                    <div class="card" style="width: 286px; height:215px;">
                                          <iframe onload="reloadOnce(this)" width="286px" height="215px" src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fkirsty.armstrong.904%2Fposts%2F2292031390876127&width=286" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="card" style="width: 286px; height:215px;">
                                          <iframe onload="reloadOnce(this)" src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Faneesa.aidroos.3%2Fposts%2F386560588794579&width=286" width="286px" height="215px" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="card" style="width: 286px; height:215px;">
                                          <iframe onload="reloadOnce(this)" src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Falinbush%2Fposts%2F2343483609028644&width=286" width="286px" height="215px" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
                                    </div>

                                </div>
                              </div>
                            </div>

2

1 个答案:

答案 0 :(得分:0)

Facebook要求最小宽度为350px。