Der*_*cus 5 facebook google-chrome mobile-safari ipad ios
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中,这使得图片不再持续增长.
谢谢!
| 归档时间： |
|
| 查看次数： |
1867 次 |
| 最近记录： |