Искаженные изображения Facebook Like Box

Я использую виджет Facebook Like Box на своем веб-сайте. Я заметил, что большие изображения, опубликованные на FB, выглядят искаженными в рамке.

Я вижу, что css, ответственный за это:

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

Есть ли способ заставить height: auto в моем css? По-видимому, все, что я объявляю для этого элемента в своем системном листе, игнорируется, даже с использованием !important.


image height distortion facebook-likebox
person elbatron    schedule 17.09.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы не можете редактировать CSS в iFrame Facebook. У меня та же проблема, но есть еще один фрагмент кода, который заменяет «высота: 100%» на «высота: авто», и я получаю тот же результат. Если я изменю минимальную высоту на «авто», это, кажется, исправит.

Оригинальный код:

.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 вообще не загружает приложение...

person Matthew Christensen    schedule 04.02.2013

arrow_upward
0
arrow_downward

так как до сих пор ничего не изменилось, вот еще некоторые подробности, которые я узнал об этой проблеме:

  • У меня это появляется только на изображениях, которые находятся в альбоме, а не на отдельных изображениях, которые были загружены в сообщение.
  • Мне он кажется в браузере Chrome, а также на устройствах iPhone и Android, а не в Firefox и Internet Explorer.

Может быть, это помогает.

person sicksid    schedule 12.04.2013