我正在尝试在我的网站上嵌入Facebook评论, 但是框的宽度显示不正确。 宽度:286像素,它会加载默认的350像素;
有趣的是,当我打开开发人员控制台并重新加载页面时,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>
答案 0 :(得分:0)
Facebook要求最小宽度为350px。