javascript - 返回页面后，Facebook Like 按钮移动并变为 1000px 高

Question

我们看到 facebook 点赞按钮出现奇怪的行为。用例如下:

1. 加载页面，facebook like 按钮在页眉中。
2. 单击一个链接，转到一个新页面，那个页面上也有 facebook like 按钮。
3. 点击后退按钮。
4. 上一页的点赞按钮现在向右移动了 ~100px，位于 position: absolute 上，现在高度为 1000px，透明元素覆盖了 FB 点赞按钮下方的所有元素在页面上。
5. 点击前进。第二页有同样的错误。

这是我们看到的其他一些奇怪的行为:

• FB div 中有一个 span，它只是将高度和宽度添加到元素样式中。它以 200px x 1000px 开始。有时它会突然跳到 0px x 0px——到目前为止我看不出有什么规律或原因。
• 我们的一些页面有很多类似 FB 的按钮。他们都表现出相同的行为。
• 在 iPad 上，FB 按钮在返回页面后显示为display: block。

Answer 1

显然这是一个已知问题。

https://developers.facebook.com/x/bugs/663421210369743/

我们已使用以下方法解决此问题:

.fb-like {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 1.5em;
  line-height: 30px;
  width: 81px !important;
  height: 22px !important;
  position: relative;
  z-index: 1002;
}
.fb-like > span {
  vertical-align: top !important;
  min-width: 81px !important;
  min-height: 22px !important;
}
.fb-like > span > iframe {
  min-width: 81px !important;
  min-height: 22px !important;
}