我们如何调整出现在 iFrame 中的网站的大小?如果网站比 Facebook 页面更宽,是否有可能让它看起来更小,以便我们可以看到所有内容?这是我用来至少避免滚动条的代码:
<html>
<head></head>
<body>
<iframe style="width:827px; height:1000px;" src="#"></iframe>
</body>
</html>
提前感谢!
在您的开始标签之后使用此代码
<div id="fb-root"></div>
<script src="https://connect.facebook.net/en_US/all.js"></script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID', //Your facebook APP here
cookie : true, // enable cookies to allow the server to access the session
});
}
window.onload = function() {
FB.Canvas.setAutoGrow(91);
}
</script>
还将此 css 语句添加到您的标题部分。
<style>
body {overflow:hidden;} /*This is handy for removing horizontal/vertical scrollbars as we won't need them if we autosize; */
</style>
例如为我的 facebook 更改高度和宽度,我将其更改为
style="border:none; overflow:hidden; width:215px; height:290px;"
只需确保添加溢出隐藏部分,以便隐藏任何额外的