Question

我有以下html页面：

<html>
<head>
    <script type="text/javascript">
var myDiv = null;

window.onload = function() {
    myDiv = document.getElementById("myDiv");
};

function buttonClick() {
    myDiv.style.width = "200px";
    myDiv.style.height = "100px";
}
    </script>
</head>
<body>
    <div id="myDiv" style="left:10px; top:10px; width:1000px; height:250px; overflow:auto;">
        <iframe scrolling="no" id="myIframe" style="width:100%;height:100%" src="a.svg"></iframe>
    </div>
    <input type="button" id="button1" onclick="buttonClick()" value="resize div"/>
</body>
</html>

和SVG“a.svg”，它是上面iframe的内容：

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="500">
    <circle cx="500" cy="250" r="240"/>
    <script type="text/ecmascript"><![CDATA[
window.onresize = function() {
    console.log("resize");
};
]]></script>
</svg>

当我现在打开iOS Safari上的html页面时，我点击按钮将iframe的大小调整为200x100像素，我没有收到调整大小的事件。

但如果我在像Firefox这样的PC浏览器上做同样的事情，我会收到resize事件。我知道在iOS Safari中iframe的处理方式不同，但我怎样才能使其工作？

iframe内容中没有调整大小事件（iOS Safari）

0 个答案: