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

Question

我们看到像facebook一样的奇怪行为按钮。用例如下：

1. 加载页面，facebook就像按钮一样在标题中。
2. 点击链接，转到新页面，按钮上的facebook也在该页面上。
3. 点击后退按钮。
4. 上一页上的类似按钮现在向右移动~100px，在position: absolute上移动，现在是1000px高，透明元素覆盖了页面上比FB类按钮更低的所有元素。 / LI>
5. 点击前进。第二页有同样的错误。

以下是我们看到的一些其他奇怪的行为：

• FB div中有一个跨度，它的高度和宽度都添加到元素样式中。它最初为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;
}