在iPad上嵌入的帖子問題Safari和Chrome

Facebook嵌入式帖子在使用Safari或Chrome的iPad上似乎有問題。如果Facebook帖子中只有一張圖片或視頻，圖片會緩慢增長到一定寬度並破壞整個版面。在iPad上嵌入的帖子問題Safari和Chrome

的代碼示例重現此行爲是非常簡單，也是基於最新的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和iPhone上的Chrome和Safari沒有此問題，我目前猜測這是iFrame的Facebook缺陷。

如果數據寬度參數設置與否，也沒有區別，既不是將Facebook div封裝在固定寬度的div中，也不會使圖片不斷增長。

謝謝！

來源

2014-02-14 DerMarcus

同樣的問題在這裏，但沒有解決方案呢。 –

在固定寬度div中包裝Facebook div似乎適用於我：http://jsfiddle.net/jefferyto/b3H5Z/ –

我已經在Facebook上提交了這個錯誤，並且在從他們身邊檢查之後，它被接受爲有效錯誤。

請參閱link

來源

2014-02-28 22:58:12 Christian

雖然bug-ticket已關閉，但問題依然存在。有沒有人找到解決方法？ – Thasmo

在iPad上嵌入的帖子問題Safari和Chrome

回答

相關問題