在Chrome上按回浏览器并阻止页面内容后,Facebook Like Button呈现1000px*1000px

Question

我在页面的标题上实现了html5版本的like按钮.一旦我导航到另一个页面并按下浏览器上的后退按钮,FB按钮会将iframe的大小设置为1000px*1000px,并屏蔽页面内容.

对此有何解决方案？这是一个已知的问题？

Answer 1

我可以确认这种情况也发生在我自己身上以及多个站点上。

Facebook 已意识到该问题，根据https://developers.facebook.com/x/bugs/663421210369743/可能需要一些时间才能修复

短期内，许多其他开发人员似乎建议通过 css（或超时 javascript 调用）专门针对 iframe，以强制高度回到 20px 左右。

使用 css 时，请确保使用 !important 覆盖最终出现在 facebook 的 iframe 上的样式属性。