臉部像箱子圖像扭曲

我在我的網站上使用FB像箱子小部件。我注意到在FB上發佈的更大的圖像在框中出現扭曲。臉部像箱子圖像扭曲

我看到的是，負責這個CSS是：

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

有沒有一種方法，我可以強制在我的CSS height: auto？顯然，我在我的對象表中爲這個元素聲明的任何內容都被忽略，即使使用!important也是如此。

來源

2012-09-17 elbatron

您無法編輯Facebook的iFrame中的CSS。我遇到了同樣的問題，但還有一些代碼將「height：100％」與「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-04 23:55:06

，因爲一切都沒有改變，直到如今這裏有更多的細節，我發現了這個問題：

它只是似乎我的圖片這是在一個相冊中，而不是單個的上傳到文章中的圖像。
在我看來，在Chrome瀏覽器和iPhone和Android設備上，不是Firefox和 Internet Explorer。

也許有幫助。

來源

2013-04-12 08:17:31 sicksid

臉部像箱子圖像扭曲

回答

相關問題