页面底部的 Google Chrome 和 FB Like 按钮

Question

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

该行为在 FF 和 IE 下是正确的，但在 Chrome 中则不然，该框被页面底部切割。换句话说，页面不会像在 FF 和 IE 下那样调整大小。
该页面具有最小高度和最大高度，并且容器具有溢出：可见属性，因为 facebook 文档建议避免共享 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;
}

我希望其中一个建议对您有所帮助！