1

ウェブサイトで FB ライク ボックス ウィジェットを使用しています。FB に公開された大きな画像がボックス内で歪んで表示されることに気付きました。

これを担当するcssは次のとおりです。

.uiScaledImageContainer img {
    height: 100%;
    min-height: 100%;
 }

height: autoCSSで強制できる方法はありますか? スタイルシートでこの要素に対して宣言したものは、 を使用しても無視されるよう!importantです。

4

2 に答える 2

0

これまで何も変わっていないので、この問題について私が見つけた詳細を次に示します。

  • 投稿にアップロードされた単一の画像ではなく、アルバムにある画像にのみ表示されます。
  • Firefoxやインターネットエクスプローラーではなく、Chromeブラウザー、iPhone、Androidデバイスに表示されます。

たぶんそれが役立ちます。

于 2013-04-12T08:17:31.543 に答える
0

Facebook の iFrame で CSS を編集することはできません。私は同じ問題を抱えていますが、「height:100%」を「height: auto」で上書きする別のコードがあり、同じ結果が得られます。min-height を「auto」に変更すると、修正されるようです。

元のコードは次のとおりです。

.fan_box .uiStreamStory .uiStreamAttachments .photoRedesignAspect .img, .fan_box .uiStreamStory .uiStreamAttachments .photoRedesignCover .img, .fan_box .photoRedesign .img, .uiStreamStory .videoRedesign .uiVideoThumb img {
height: auto;
left: 0 !important;
width: 100%;

と

.uiScaledImageContainer img {
height: 100%; <!-- this is being overwritten -->
min-height: 100%;
position: relative;

あとは、Facebook の likebox.php を更新する人が必要です。驚いたことに、これが問題にならないブラウザは IE だけです。そして、何らかの理由で、Firefoxはアプリを完全にロードしません...

于 2013-02-04T23:55:06.567 に答える