Facebookコメントをレスポンシブ対応させる

今回の相談は、
ホームページに導入している
Facebookのコメントプラグインをレスポンシブ対応にしたいとのこと。

パソコンで見るときちんと横幅がきれいなのに・・・・

スマホで見ると
Facebookのコメントプラグインを入れたところがはみ出す・・・

これを対応して欲しいとのお問い合わせ。

早速該当ファイルを見ると・・・
<div style=”margin-top:20px;” class=”fb-comments” data-href=”HPアドレス” data-width=”720px” data-numposts=”10″></div>

data-widthの箇所が720pxに。
これを100%にすれば解決！

<div style=”margin-top:20px;” class=”fb-comments” data-href=”HPアドレス” data-width=”100%” data-numposts=”10″></div>

はいこれでOK!

ホームページのことで、悩んだり、困ったら、
ホームぺージのレスキュー隊アイナパルにお問い合わせください。