手风琴中iFrame的响应高度

Question

请查看我建立的这个网站上的第一架手风琴（空调）-https://www.savingenergy.org.za/asl/calculation-tools/

手风琴拥有一个iFrame，可显示托管在其他位置的html页面。首次打开手风琴时，将显示所有iFrame内容。但是，在扩展内容时（单击“比较两个设备”单选按钮），将出现滚动条。根据显示的内容量，手风琴/ iFrame的高度能否响应？

我当前正在使用以下HTML：

<div class="iframe-container">
   <iframe src="https://storage.googleapis.com/asl-mobile-app/appliance- 
   calculators/website/air_conditioner_website.html"></iframe>
</div>

和CSS

.iframe-container {
    overflow: hidden; 
    padding-top: 56.25%;   
    }

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

最后，我不想在展开手风琴中的iFrame内容时出现滚动条。相反，iFrame或手风琴的高度应该变得敏感。

谢谢