Facebook canvas 水平滚动条问题
我的脸书应用程序 页面画布宽度 760 像素。 iFrame页面主体宽度520px,溢出:隐藏。
仅在 Firefox 9、10 中仍显示水平滚动。IE 和 Chrome 看起来不错。
此问题有解决方案吗?
My facebook apps
page canvas width 760px.
iFrame page body width 520px, overflow:hidden.
Still showing horizontal scroll only in firefox 9, 10. IE and Chrome looks fine.
Is there any solution of this issue?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您应该通过开发者应用程序检查应用程序的画布设置。
如您所见,画布宽度有两种设置。当您使用流体宽度设置时,宽度没有“限制” - 您的应用程序可以占用用户屏幕可以提供的空间。这当然不包括为带有股票行情和广告的侧边栏保留的空间。
固定设置是不言自明的。
另一种选择是使用 Facebook JavaScript SDK 和 FB.Canvas.setSize() 方法。语法非常简单:
FB.Canvas.setSize({ 宽度: 640, 高度: 480 });
快乐编码!
You should review your canvas settings for your application through the developers application.
As you can see there are two settings for the canvas width. When you use the fluid setting for the width, there is no "limit" to the width - your application can take up as much space as the users screen can give. This of course excludes the reserved space for the sidebar with the ticker and the advertisements.
The fixed setting is self explanatory.
Another option would be to use the Facebook JavaScript SDK and the FB.Canvas.setSize() method. The syntax is very straight forward :
FB.Canvas.setSize({ width: 640, height: 480 });
Happy coding!