当我将 padding-top 添加到 100% 时，底部有一个巨大的空白区域：
所以我将 padding-top 更改为 750px。没有输入任何输入，它看起来很好。计算后桌面看起来不错，但移动设备却被切断了。
但是，当我输入信息时，计算被切断了。
mobile after calculation entered
有没有办法解决这个问题？
<div id="calculator-conainer" style="position: relative; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 750px;"><iframe style="position: absolute; top: 0; left: 0;" src="https://crazycoffeecrave.com/wp-content/uploads/caffeine-widget.html" width="100%" height="100%" scrolling="no" frameborder="0" allowfullscreen=""></iframe></div>
您可以在此处查看示例：https://crazycoffeecrave.com/caffeine-calculator/