Facebook喜欢盒子图像扭曲

Question

我在我的网站上使用FB like box小部件。我注意到在FB上发布的更大的图像在框中显得扭曲。

我看到负责此事的css是：

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

有没有办法可以强制height: auto进入我的CSS？ 显然，我在sytlesheet中为此元素声明的任何内容都会被忽略，即使使用!important也是如此。

Answer 1

您无法在Facebook的iFrame中编辑CSS。 我有同样的问题但是还有一些代码覆盖了“高度：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不会完全加载应用程序......

Answer 2

因为到目前为止没有任何改变，我在这个问题上找到了更多细节：

• 它只出现在相册中的图像上，而不是单张中 在帖子中上传的图片。
• 在我看来，我在Chrome浏览器和iPhone和Android设备上，而不是在Firefox和 互联网浏览器。

也许这有帮助。