2012-05-11 4 views
1

iOS Safariブラウザの標準のFacebookコメントソーシャルプラグインを使用していますが、そのフォントと幅は非常に小さいです。iPhoneのソーシャルプラグインiOS Safariブラウザのフォントと幅が非常に小さい

<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/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 


<div class="fb-comments" data-href="http://example.com" data-num-posts="5" mobile="true"></div> 

モバイル属性を直接設定することは、あまり役に立ちませんでした。

誰かが解決策を知っていますか?

+0

標準のFacebookコメントウィジェットは、モバイルデバイスに自動的に調整されていないようです。ウィジェットを誤って使用していますか? – westcoastmike

答えて

3

は、私は私のHTMLウェブページ内のこの文がありませんでした:

<head> 
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/> 
</head> 

文を追加した後、Facebookのコメントは、ウィジェット自動的にiOSのSafariブラウザに調整しました。

+0

ありがとうございます。しかし、HTMLページにこのメタタグを追加する余裕がない場合はどうすればよいですか? FAcebookコメントプラグインを含むdivの設定のみを強制する方法はありますか? – tinkerr

+0

幅を調整するためのスタイルヒントのいくつかがFacebookウィジェットで正常に機能していることがわかりましたが、フォントを大きくして正常に動作させるためのヒントを得ることはできませんでした。 westcoastmike

関連する問題