为什么社交按钮被切断而没有完全显示

Question

我在我的网站上使用社交分享按钮（Facebook，Twitter，G +，stumplupon）。

但由于某种原因，所有这些按钮的高度和宽度都在减少，即。他们没有完全出现

经过几个小时的故障排除后，我发现，如果我缩小页面（在谷歌浏览器中使用ctrl并向后滚动）按钮显示正常。因此，有一些关于CSS的东西，可能在％s中指定了一些东西

但是，大多数元素的高度和宽度都设置为100％。此外，我从未为社交按钮指定CSS。

Jsfiddle。我正在使用reveal.js代码。我尝试更改iframe css，因为一些社交按钮是iframe，但是徒劳无功。

.reveal img, .reveal video, .reveal iframe {
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%
}

编辑：对于facebook按钮，支持height属性。可以正常显示fb按钮。但是对于G +，twitter，stumpleupon不支持高度属性。 CSS中有一些东西正在切割按钮:(检查元素没有给出任何提示:(

Answer 1

例如，Facebook按钮的iframe专门设置为height:24px。