我想要一個(gè) iframe 水平占用所有可用空間，并自動(dòng)垂直調(diào)整自身大小以適應(yīng)其內(nèi)容（包括內(nèi)容更改或窗口大小調(diào)整），但用戶也可以使用 CSS 屬性手動(dòng)調(diào)整大小resize: both。目的是嵌入設(shè)計(jì)，默認(rèn)情況下填充可用空間，但也讓用戶看到它在不同屏幕尺寸下的工作方式。iframe 來自同一來源，因此不存在安全問題——父窗口可以隨心所欲地使用iframe.contentDocument.自動(dòng)調(diào)整 iframe 的大小以適應(yīng)其內(nèi)容很簡(jiǎn)單：<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 語法突出顯示在那里真的崩潰了！此外，這里沒有適當(dāng)?shù)摹捌巍保驗(yàn)?CSP 似乎破壞了contentDocument訪問。）制作用戶可調(diào)整大小的 iframe 很簡(jiǎn)單：<iframe srcdoc="<h1>The quick brown fox jumps over the lazy doggerel." style="resize:both"></iframe>…但是這些技術(shù)并沒有很好地結(jié)合起來，因?yàn)楦鶕?jù)用戶調(diào)整大小的方式與由于窗口大小變化等而調(diào)整大小的方式相同，所以一旦用戶調(diào)整大小，自動(dòng)高度代碼就會(huì)啟動(dòng)并忽略他們剛剛指定的高度。因此，如果用戶手動(dòng)調(diào)整 iframe 的大小，我希望我的自動(dòng)調(diào)整大小以斷開 ResizeObserver。有什么方法可以區(qū)分由于用戶操作（通過角夾子調(diào)整 iframe 的大?。┒鴮?dǎo)致的調(diào)整大?。╥frame 內(nèi)的內(nèi)容更改，或沒有 iframe 的布局更改，包括視口調(diào)整大?。?
檢測(cè)用戶啟動(dòng)的元素大小調(diào)整（不同于文檔流大小調(diào)整）
侃侃無極
2022-06-05 16:05:27
