Javascript 如何在div中收缩iframe以匹配其宽度？

我想做的应该很简单。但不知何故，我无法找到答案。 这是我的密码笔：

HTML:

<div class="parent">
  <iframe class="child" src="https://reesgargi.com/"></iframe>
</div>

我希望iframe适合div内部（使其宽度=父div宽度）

但是iframe从中间加载放大的页面

我尝试过使用CSS（，和）

但我无能为力。我尝试了iframe大小调整器，但它有自己的问题。（拖动）

---

请告诉我的程序员同事。

终于找到了解决方案

我所需要做的就是缩小iFrame，并将其宽度设置为原始大小（iFrame的来源）

---

如果你想在你的网站上显示来自另一个网站的数据，你可以在后端调用该网站，并从中删除所需的数据，以便在你的网站上显示这些数据，或者检查该网站是否有可以利用的API…否则，你几乎被该网站的CSS卡住了…检查该网站是否有平板电脑或手机版本，这些将适合better你的部门。

.parent {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 62.5%;
}

.child {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.child{
width: 1280px;
/* Magic */
transform-origin: 0 0;
transform: scale(0.703);
}