reCAPTCHA v2 iframe高度问题

我在实现新版本的recaptcha时遇到问题。我在xampp测试服务器上有一个网站，上面有一篇带有评论部分的测试博客文章。在之前的recaptcha中，没有任何问题。在这个版本中，recaptcha放在小部件上的iframe非常高。在其他实现了这一点的网站上，我可以检查并看到iframe应该与小部件本身紧密相连。在我的网站上，iframe是800 x 4000像素，会导致小部件下面的页面底部远远超出内容。请参阅下面显示我所说内容的图像链接：

我尝试了以下方法，但没有成功：

/* ReCaptcha Iframe FIX */
iframe {display:none !important;}
header iframe,
section iframe,
footer iframe,
div iframe { display:inline; }

recaptcha只是：

<div class="g-recaptcha" data-sitekey="6LcyQvkSAAAAAGkr-BA4HkFUCthgf0b8bUhfoEIn"></div>

我在标题中调用了recaptcha api.js脚本。recaptcha本身实际上是有效的：我可以提交注释并将它们填充到我的数据库中，而且我还测试了recaptcha失败，注释不会填充。这只是需要解决的iframe问题。我在css中找不到任何可能导致这种情况的东西，但我是一个新手，所以我不完全确定要寻找什么

---

有什么想法吗？

我可以通过编辑recaptcha的div样式来解决这个问题：

<div class="g-recaptcha" data-sitekey="your_site_key" style="transform:scale(1); width: 304px"></div>