モトシロブログもスマホやタブレットPC時代に乗り遅れまいとレスポンシブWEBデザインにしてみました。
さっそくブラウザの幅をグググーッと狭めてみたら、Facebookコメントが縮まらないじゃないですか。
「なんだよこれー」とガッカリしまして、いろいろネットで調べて試してみたところ
テーマの編集→スタイルシート (style.css)に以下の文字列を入れれば、突っ張り感はなくなりました。
.fb-comments,
.fb-comments iframe[style],
.fb-comments span[style] {
width:100% !important;
}
「コメントする（comment）」ボタンが埋もれてしまうので投稿はできないかと思っていましたら、iPadでコメント欄をタップしたらボタンが出てきました！
