html - Facebook Like Box 点击时共享框的宽度

标签 html css facebook facebook-like

我已将 Facebook 点赞框的 HTML 5 版本添加到我们的网站。

然而,当您实际按下按钮时,通常为 450 像素宽的框只显示为 49 像素宽。

这意味着当你按下它时,你实际上不能分享它:(

下图示例:

enter image description here

此处为实例:http://understandinge.com/3-days-to-go/

知道是什么原因造成的吗?我试过溢出和宽度等,但一无所获:(

马特

最佳答案

facebook 生成的 iframe 从您的 css 中应用了 max-width:100%。由于该 iframe 的 span 父元素的宽度为 47px,因此 iframe 最大宽度是其包含的父元素的 100% - 47px。此最大宽度会覆盖宽度属性。

我在开发人员工具中取消选中 max-width:100%,它出现了。 (尽管背景是透明的)。我希望这有帮助!

关于html - Facebook Like Box 点击时共享框的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21135144/

相关文章:

html - DIV 向左浮动而不是停留在表格的中央

Javascript,无法读取未定义的属性,但打印到控制台

jquery - 固定高度页面中带滚动条的div

html - 在 CSS 中以倾斜 Angular 对倾斜元素进行动画处理

android - FaceBook 分享在 Android 中不起作用

javascript - Chrome 中的 Div 位置与其他浏览器不同

jquery - CSS 缓入缓出不适用于最大高度 0 和最大高度自动

css - 删除 anchor 标记下方的空白

javascript - 如何使 facebook 评论框宽度为 100%?

facebook - 使用facebook api获取好友列表