• 締切済み

likeboxのStream画像の横幅が歪む

Facebookソーシャルプラグインのlikeboxを webページに設置した所 新着記事の画像がつぶれてしまいます。 HTML5とIFRAMEのプラグインコードを試し 両方とも幅固定によりつぶれてしまいました。 いずれも、facebookページの、Social Pluginsのプレビュー時点で つぶれてしまています。 どなたか、回避策を教えていただけないでしょうか。 どうかよろしくお願いいたします。

みんなの回答

回答No.1

ソーシャルプラグインのデフォルトですと .connect_widget .page_stream img に対して max-width: 120px; が当たってしまっているので、横幅120pxの画像を掲載すると歪んでしまう可能性があります。 Facebookソーシャルアプリを使わずに、 Facebook Appを使用して外部CSSを読み込めるようにして、 .fan_box .uiStreamStory .photoRedesign img のmin-widthを指定して、 オーバーライドしてあげれば歪みなく表示されました。 難解な作業になるかと思いますのでご参考までに。

関連するQ&A