Html 为什么iframe溢出滚动条在iOS中不工作？

我用我的HTML和CSS编写了这段代码，它在Android设备上完美地工作，但在iOS上却没有。有人能帮我写代码吗

HTML

问题：无法在iPhone中滚动iframe，也无法在iPhone中正确显示

请随意纠正我。提前谢谢

---

删除溢出时会发生什么

溢出：隐藏来自容器？嗨，谢谢你的回复。我试过了，还是一样。它是可滚动的，但它不能像Android一样在同样大小的屏幕上正确显示。我怀疑这是div，我必须在div中添加一些CSS变量，但我不知道如何添加。尝试在
中将宽度从100%更改为100vw。iframe容器iframe
中，如果不起作用，请尝试添加
宽度：100vw
直接进入
.iframe容器
让我知道这是否有效，如果不让我知道发生了什么。您好，很抱歉没有回复，这几个星期我都很忙。加幅：100vw；到iframe容器，iframe仍然没有以正确的大小显示注释。文字和图片仍然向右延伸。当您删除
overflow:hidden来自容器？嗨，谢谢你的回复。我试过了，还是一样。它是可滚动的，但它不能像Android一样在同样大小的屏幕上正确显示。我怀疑这是div，我必须在div中添加一些CSS变量，但我不知道如何添加。尝试在
中将宽度从100%更改为100vw。iframe容器iframe
中，如果不起作用，请尝试添加
宽度：100vw
直接进入
.iframe容器
让我知道这是否有效，如果不让我知道发生了什么。您好，很抱歉没有回复，这几个星期我都很忙。加幅：100vw；到iframe容器，iframe仍然没有以正确的大小显示注释。文字和图片仍然延伸到右边。
<ion-content overflow-scroll="true">
<div>
<iframe src="https://linkhere.com"
allowfullscreen SameSite="None" secure></iframe>
</div>

.iframe-container {
  overflow: hidden;
  padding-top: 500%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}
.iframe-error iframe {
  border: 0;
  height: 0%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0%;
}