防止iframe在移动设备上垂直扩展

Question

我正在使用显示列表的iframe，列表垂直很高。我已将iframe的高度设置为600px，因此在桌面上它会显示该高度，并且可以向下滚动内容。

问题是，在移动设备上查看我的网站时，iframe会扩展到其全高（滚动时不再是600px）。

我的iframe：

<iframe src='url' width='360' height='600'></iframe>

我的css：

iframe {
    border: 1px solid black
    padding: 3px;
    height: 600px;
    overflow: scroll;
}

我尝试使用div围绕我的iframe，如this question引用，这是一个稍微相关的问题，但它仍然会扩展。

<div style="overflow:auto; -webkit-overflow-scrolling:touch">
    <iframe src='url' width='360' height='600'></iframe>
</div>

如何阻止iframe在移动设备上展开？这甚至可能吗？

Answer 1

所以尺寸也需要添加到周围的div中：

{{1}}

将边框css移动到div而不是iframe会更有意义。