谷歌Chrome＆amp;页面底部的FB Like按钮

Question

我遇到了一个奇怪的问题。 我在页面底部有一个facebook按钮。点击后，会弹出facebook“评论/分享”框。

在FF和IE下，行为是正确的，但在Chrome中，行为在页面底部被切断。换句话说，页面没有调整大小，因为它在FF和IE下 该页面具有最小高度和最大高度，并且容器具有overflow：visible属性，因为facebook docs建议避免分享iframe的某些显示问题。 奇怪的是，只需打开开发人员工具，并检查/取消选中FB按钮的任何父元素的任何CSS属性，该错误就会消失。

我的猜测是，单击按钮时Chrome不会捕获窗口的大小调整，但是在使用开发人员工具时。 我试图探索问题的其他来源（最大高度不正常或更高的元素有溢出：隐藏）但我没有找到结论。

感谢您的帮助。

Answer 1

如果您在Chrome中运行主题，则可能会遇到问题。如果是，请尝试重置为默认主题：

options > personal stuff > themes > reset to default theme

此外，请确保您没有缩小或缩小。通过缩放，Chrome会变得有点时髦。

假设这些不是问题，请尝试将共享代码放在具有唯一ID或类的div中：

 <div id="myFacebookContainer">Plugin HTML Here</div>

你的CSS会包含以下内容：

#myFacebookContainer span{
  height:25px;
}
#myFacebookContainer iframe{
  height:25px;
}

我希望其中一条建议有所帮助！