Question

如果我将其加载到iOS中的UIWebView中，iFrame会按预期适合屏幕：

<!DOCTYPE html>
<html>
<head>
<style>
    body, html {
        height: 100%;
        margin: 2px;
    }
</style>

<script>

    function start(){
        var iframe = document.body.appendChild(document.createElement("iframe"));

        iframe.style.cssText = "width: 100%; height: 100%; background-color: yellow; border: 1px solid yellow; overflow: hidden";
        iframe.src = "about:blank";
    }

</script>

</head>
<body onload='start()'>
</body>
</html>

iframe黄色边框适合父级。那没关系。但是，如果您然后将某些内容加载到iFrame（例如iframe.src='something.html'）中，该内容包含超出包含页面大小的元素，如下所示：

<div style="width: 10000; height: 10000; background: yellow">

iFrame也会超过容器文档。这仅在UIWebView上发生。在任何其他浏览器或平台上，iFrame边界框将保留，其内部文档内容将按预期裁剪。

UIWebView中的iFrame会自动增长

0 个答案: