Question

如何删除页面标签上显示的水平滚动条。我有一个设计师创建了显示页面，我不确定要更改为html文件以使滚动消失。这是此粉丝专页http://www.facebook.com/pages/MaidPro-of-Northern-Cincinnati/154767811271566?sk=app_214902645232913

上的欢迎页面

这是当前的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="generator" content="SiteGrinder 2  http://www.medialab.com/sitegrinder" />
<title>maid_pro</title>

<link rel="stylesheet" type="text/css" media="screen, print, projection"  href="maidpro.css"></link>
</head>
<body>
<div  id="maidpro">
<div id="like"></div>
<div id="layer8"></div>
<div id="layer7"></div>
<div id="watchthisvideo"></div>
<div id="id5video"></div>
<div id="videoliteral">
<iframe width="389" height="217" src="http://www.youtube.com/embed/ogSI0DscP_4" frameborder="0" allowfullscreen></iframe>
</div>
<div id="shadow"></div>
</div>
</body>
</html>

Answer 1

通过查看页面，您有几个问题。你应该让设计师来解决它。它看起来设计的宽度大于Facebook允许的宽度，即520px。首先，在maidpro.css中，将#maidPro宽度设置为520或更小，任何比这更宽的东西都开始缩小。然后删除“左”值以将项目移回。

Answer 2

以这种方式设置css以删除滚动条

body {
            width:520px;
            margin:0;
            padding:0;
            border:0;
            overflow:hidden;
            }

并使用FB.Canvas.setAutoResize（）;

Answer 3

答案在这里：Facebook App - Javascript Set Height of Canvas?是最佳解决方案

我也有这个问题，通常的方法似乎没有用。但在使用该帖中提到的技巧后，我终于摆脱了滚动条。

水平滚动条出现在页面选项卡上

3 个答案: