我希望 iframe 能夠水平占用所有可用空間，并自動垂直調(diào)整自身大小以適應(yīng)其內(nèi)容（包括內(nèi)容更改或窗口大小調(diào)整），但也可由用戶使用 CSS 屬性手動調(diào)整大小resize: both。目的是嵌入設(shè)計，默認(rèn)情況下填充可用空間，但也讓用戶看到它在不同屏幕尺寸下的工作方式。iframe 是同源的，所以不存在安全問題——父窗口可以對iframe.contentDocument.自動調(diào)整 iframe 大小以適應(yīng)其內(nèi)容非常簡單：<iframe srcdoc="<h1>The quick brown fox jumps over the lazy doggerel."        style="width:calc(100% - 2px);border:1px solid black"        onload="    recalculate = () => {        this.style.height = this.contentDocument.documentElement.offsetHeight + 'px';    }    new ResizeObserver(recalculate).observe(this.contentDocument.documentElement);    recalculate();"></iframe>（哇，HTML 語法突出顯示真的崩潰了！此外，這里沒有正確的“片段”，因為 CSP 似乎中斷了contentDocument訪問。）制作用戶可調(diào)整大小的 iframe 非常簡單：<iframe srcdoc="<h1>The quick brown fox jumps over the lazy doggerel."        style="resize:both"></iframe>…但是這些技術(shù)并不能很好地結(jié)合起來，因為用戶調(diào)整大小的方式與由于窗口大小變化等原因調(diào)整大小的方式相同，所以一旦用戶調(diào)整大小，自動高度代碼就會啟動并忽略他們剛剛指定的高度。因此，如果用戶手動調(diào)整 iframe 的大小，我希望自動調(diào)整大小能夠斷開 ResizeObserver 的連接。有什么方法可以區(qū)分由于用戶操作（通過角夾調(diào)整 iframe 大小）導(dǎo)致的調(diào)整大小和由于環(huán)境變化（iframe 內(nèi)的內(nèi)容更改，或沒有 iframe 的布局更改，包括視口調(diào)整大?。?dǎo)致的調(diào)整大??？