如何使用CSS为Facebook iframe设置样式？

Question

我有一个包含facebook iframe的弹出窗口，它似乎无法使用内联样式表方法

<div data-html="allow" >
<iframe style="border: 0px;  display: block" height="400" class="spoooky-auth" src="https://api.spooo.ky/auth/facebook" border="0"></iframe>
</div>

我正在尝试增加iframe的宽度和高度，但不起作用。有任何提示吗？

任何帮助表示赞赏。 谢谢，

Answer 1

我将为此使用JS ，如下所示：

<div data-html="allow" >
<iframe id="iframe1" style="border: 0px;  display: block" height="400" class="spoooky-auth" src="https://api.spooo.ky/auth/facebook" border="0"></iframe>
</div>

<script type="application/javascript">

function resizeIframe {

    iframe.width  = iframe.contentWindow.document.body.scrollWidth;
    iframe.height = iframe.contentWindow.document.body.scrollHeight;
}

window.addEventListener('DOMContentLoaded', function(e) {

    var iframe = document.getElementById( 'iframe1' );
    resizeIframe;

} );

</script>