페이지 탭 iframe 높이가 브라우저의 절반에서만 작동합니다

저는 숙제를 완료하고 내 페이지 높이를 내 iFrame에 설정하도록 요청한 사항을 수행했습니다.페이지 탭 iframe 높이가 브라우저의 절반에서만 작동합니다

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '136821946424212', // App ID 
     status  : true, // check login status 
     cookie  : true, // enable cookies to allow the server to access the session 
     oauth  : true, // enable OAuth 2.0 
     xfbml  : true // parse XFBML 
    }); 

    // Additional initialization code here 
    FB.Canvas.setSize({width: 520, height: 1625}); 
    }; 
    // Load the SDK Asynchronously 
    (function(d){ 
    var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} 
    js = d.createElement('script'); js.id = id; js.async = true; 
    js.src = "//connect.facebook.net/en_US/all.js"; 
    d.getElementsByTagName('head')[0].appendChild(js); 
    }(document)); 
</script>

파이어 폭스에서 작동

(7 + 적어도), IE9 는 ... 크롬, 사파리, IE8/7, 오페라에서 작동하지 http://www.facebook.com/pages/Brunet/190517411026916?sk=app_136821946424212

코드는 이것이다 모든 문서 및 도움이 코드 작업을 가리킨 ... 내가 뭔가를 놓친거야 ???

출처

2011-11-10 Xagone

크기를 조정하지 않거나 크기를 조정했지만 스크롤바를 여전히 남겨두고 있습니까? 그리고 1625는 페이지의 정확한 픽셀 높이입니까? 스크롤 막대를 방지하기 위해 20px 정도 패드를 붙여야한다는 것을 알았습니다. 그렇다면 1650px를 시도해보십시오. –

Firefox 7/8 및 Ie9 이외의 다른 브라우저에서는 크기를 조정하지 않고 페이지를 자릅니다 (스크롤 막대, 마녀가 정상이 아니며 오버 플로우라고 알려줍니다 : 몸에 숨김) – Xagone

이유가 없습니다 코드가 작동하지 않아야하지만 디버깅을 위해 다음을 시도 할 것입니다. 1) 실제로 실행되고 있는지 확인하기 위해 'FB.Canvas.setSize' 호출 바로 뒤에'alert '을 넣으십시오. 2) 전체'FB.init' 호출을 삭제합니다 (단지 크기를 조절할 필요가 없습니다). 3) 페이지의 모든 CSS를 일시적으로 제거합니다 (높이가 고정 된 것은 물건을 던지거나 스크롤바를 사용하여 실제로 변경 될 수있는 iframe 자체의 높이를 볼 수 있습니다). –

코드가 Chrome에서 정상적으로 작동하므로 어디에서 문제가 발생하는지 잘 모르겠습니다. fbAsyncInit 대신 onload 이벤트를 사용하여 다른 배열을 시도해 볼 필요가 있습니다.

<head> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script type='text/javascript'> 
window.onload=function() { 
    FB.Canvas.setSize({width:520,height:1650}); 
} 
</script> 
</head>

출처

2011-11-10 21:00:24

페이지 탭 iframe 높이가 브라우저의 절반에서만 작동합니다

답변

관련 문제