谷歌reCaptcha验证不完美显示在iframe上

Question

我正在尝试在iframe上显示Google reCaptcha，但问题是google验证显示滚动未完全显示。

当google reCaptcha无法验证时，我在弹出窗体中遇到了滚动条。 如何以弹出窗体形式设置iframe的自动高度？

我的iframe代码

<iframe class="embed-responsive-item" src="localhost/nitin/test1/" style="border: none;height: 100px !important;margin: 0px !important;width: 300px !important;"></iframe> 

创建Google reCaptcha

中的我的网页代码

<div style="width:230px; overflow:hidden"> 
    <div data-callback="enableBtn" class="g-recaptcha" data-sitekey="6Ld6txMTAAAAAEN10JIKnj2jZAOUYJdy‌​p1DjG9Y1" style="transform:scale(0.77);-webkit-transform‌​:scale(0.77);transfo‌​rm-origin:0 0;-webkit-transform-origin:0 0;"> </div> 
</div> 

我没有使用任何插件，这是我自己的代码。