Read Article

いいね!を押した後のコメント欄切れを解消するCSSコード

== スポンサーリンク ==
Share on FacebookTweet about this on TwitterShare on Google+Share on TumblrPin on PinterestEmail this to someone

記事本文などに『いいね!』ボタンつけている方多いと思いますが、僕も含めいいねをクリックした時に、横や縦のコメント欄が切れて表示されてしまう不具合を解消する方法として記録メモします。

facebook Developersのこちらのページで、HTML5か、XFBMLのいいね!コードを取得して貼り付けた場合、クリックするとコメント欄が出てきます。
iframeの場合は、コメント欄は表示されません。

ほぼCSSの記述に問題がある場合がほとんどです。

そこで下記のコードをスタイルシートに追記で改善しました。

embed,
iframe,
object,
video {
    max-widthnone!important;
}
Share on FacebookTweet about this on TwitterShare on Google+Share on TumblrPin on PinterestEmail this to someone

LEAVE A REPLY

*
*
* (公開されません)

COMMENT ON FACEBOOK

Return Top