みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

likeboxのStream画像の横幅が歪む

Facebookソーシャルプラグインのlikeboxを
webページに設置した所
新着記事の画像がつぶれてしまいます。

HTML5とIFRAMEのプラグインコードを試し
両方とも幅固定によりつぶれてしまいました。

いずれも、facebookページの、Social Pluginsのプレビュー時点で
つぶれてしまています。

どなたか、回避策を教えていただけないでしょうか。

どうかよろしくお願いいたします。

投稿日時 - 2012-07-11 17:47:39

QNo.7584587

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

ソーシャルプラグインのデフォルトですと
.connect_widget .page_stream img
に対して
max-width: 120px;
が当たってしまっているので、横幅120pxの画像を掲載すると歪んでしまう可能性があります。

Facebookソーシャルアプリを使わずに、
Facebook Appを使用して外部CSSを読み込めるようにして、
.fan_box .uiStreamStory .photoRedesign img
のmin-widthを指定して、
オーバーライドしてあげれば歪みなく表示されました。

難解な作業になるかと思いますのでご参考までに。

投稿日時 - 2012-07-26 17:32:34

あなたにオススメの質問