在iframe中运行的外部网站失去了响应能力

Question

我正在为我们网站的用户构建一个教程，并正在运行我们网站的iframe。当我在桌面浏览器上调整大小时，iframe内的网站将保持其响应速度，并根据iframe容器div的大小更改视图。在iOS上，我设法调整了iframe的大小并具有滚动功能，但是iframe内的网站不再具有响应能力，而是呈现完整尺寸。我有以下HTML：

<div class="site-frame">
    <iframe id="site-frame" src="https://stpo.ca"></iframe>
    </div>

以此样式

.site-frame {
        width: 98%;
        margin-left: 1%;
        height: 650px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
#site-frame {
        width: 100%;
        height: 100%;
    }

教程的链接为https://stpo.ca/tutorial/stpo-tutorial.html

提前感谢任何想法。