爲什麼社交按鈕被剪掉而沒有完全顯示

Question

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

但由於某些原因，所有這些按鈕的高度和寬度都會減小，他們沒有完全出現

經過幾個小時的故障排除後，我發現，如果我縮小頁面（在谷歌瀏覽器中使用Ctrl和向後滾動），按鈕顯示爲normal.Hence，有一些可疑的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屬性是supported.Hence FB按鈕可以被顯示爲normally.However G +，微博stumpleupon歸因於高度不被支持。 也有一些是在CSS被切割按鈕:(檢查元件沒有給出任何提示:(

Answer 1

作爲一個例子，爲Facebook按鈕的IFRAME被專門設置爲height:24px。