html - 为什么社交按钮会被剪掉而不能完全显示

Question

我在我的网站上使用社交分享按钮(Facebook、twitter、G+、stumplupon)。

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

经过数小时的故障排除后，我发现，如果我缩小页面(在 google chrome 中使用 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按钮，支持高度属性。因此fb按钮可以正常显示。但是对于G+，twitter，stumpleupon不支持高度属性。CSS 中有一些东西正在剪切按钮 :( Inspect element 没有给出任何提示 :(

Answer 1

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