Facebook 点赞按钮在 0px 处渲染

Question

我正在尝试向我们的网站添加一个 Facebook Like 按钮，但生成的 iframe 具有内联样式 css，它将宽度和高度设置为 0px x 0px。

我确实找到了一个类似的帖子提到了这个问题，但它似乎没有提供解决方案。 Facebook 像用 0 宽度和 0 高度渲染的按钮？

我还尝试将点赞按钮放到一个完全空白的页面中，以确保没有任何现场原因导致此问题，但它仍以 0px x 0px 呈现。

<span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;"><iframe name="f1c5fa71b51856e" data-testid="fb:like Facebook Social Plugin" title="fb:like Facebook Social Plugin" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" style="border: medium none; visibility: visible; width: 0px; height: 0px; etc.......

这是一个完整的演示，它在 Firefox 和 Chrome 中以 0px x 0px 呈现。 https://jsfiddle.net/vj2yLrhp/

有谁知道这里发生了什么？