iPad Safari 和 Chrome 上的 Facebook 嵌入式帖子问题答案

【问题标题】：Facebook Embedded Posts issue on iPad Safari and ChromeiPad Safari 和 Chrome 上的 Facebook 嵌入式帖子问题
【发布时间】：2014-03-14 08:32:11
【问题描述】：

Facebook Embedded Posts 在使用 Safari 或 Chrome 的 iPad 上似乎存在问题。如果 Facebook 帖子中只有一张图片或视频，图片会慢慢长大到一定的宽度，破坏完整的布局。

重现此行为的代码示例非常简单，并且基于最新的 Facebook 文档：

<!DOCTYPE html>
<html>

<head>
</head>

<body>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <div class="fb-post" data-href="https://www.facebook.com/Boulderplanet/photos/a.618483228200641.1073741838.148729438509358/620103224705308/?type=1" data-width="666"></div>

</body>

</html>

您还可以在此处找到示例： http://beta.climbster.net/fb_feed

能否请人帮助我们澄清这个问题？由于 Android 平板电脑上的 Chrome 以及 iPhone 上的 Chrome 和 Safari 没有这个问题，我目前猜测这是 iFrame 的 Facebook 缺陷。

是否设置了data-width参数也没有区别，将Facebook div包装在一个固定宽度的自己的div中都不会阻止图片持续增长。

谢谢！

【问题讨论】：

同样的问题，但还没有解决方案。
将 Facebook div 包裹在固定宽度的 div 中似乎对我有用：jsfiddle.net/jefferyto/b3H5Z

标签： ios facebook ipad google-chrome mobile-safari

【解决方案1】：

我已在 Facebook 提交了此错误，在他们方面检查后，它被接受为有效错误。

见link

【讨论】：

虽然 bug-ticket 已关闭，但问题仍然存在。有人找到解决方法了吗？