Facebook의 상자 이미지가 왜곡되었습니다.

내 웹 사이트에서 FB 위젯과 같은 FB를 사용하고 있습니다. FB에 게시 된 더 큰 이미지가 상자에 왜곡되어 표시됩니다. 내 CSS에서 height: auto을 강제 할 수있는 방법이Facebook의 상자 이미지가 왜곡되었습니다.

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

있습니까 :

나는이에 대한 책임 CSS이라고보고 있어요? !important을 사용해도 sytlesheet의이 요소에 대해 선언 한 내용이 무시됩니다.

출처

2012-09-17 elbatron

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;

지금 우리가 페이스 북의 likebox.php를 업데이트 할 사람이 필요합니다. 놀랍게도 IE는 이것이 문제가되지 않는 유일한 브라우저입니다. 그리고 파이어 폭스는 모두 응용 프로그램을로드하지 않는 몇 가지 이유 ...에 대한

지금 여기 나는이 문제를 발견 좀 더 자세한 때까지 아무것도 변경되지 않았기 때문에

출처

2013-02-04 23:55:06

그것은 이미지 만에 나에게 나타납니다 소식에 업로드 된 이미지는 단일 개가 아닌 앨범에 있습니다.
크롬 브라우저와 iphone 및 Android 기기에서 Firefox 나 인터넷 탐색기에는 표시되지 않습니다.

아마도 도움이됩니다.

출처

2013-04-12 08:17:31 sicksid

Facebook의 상자 이미지가 왜곡되었습니다.

답변

관련 문제