在 Safari/iPhone 上更改帧大小答案

【问题标题】：Changing a frame size on Safari/iPhone在 Safari/iPhone 上更改帧大小
【发布时间】：2011-06-18 13:45:12
【问题描述】：

我喜欢在 iPhone 上带一个旧的 Intranet 应用程序。包括一个隐藏位于框架中的菜单区域的功能：

<frameset id="myFrameSet" cols="150,*">
    <frame id="menuFrame" SRC="menu.aspx" />
    <frame id="mainFrame" SRC="main.aspx" />
</frameset>

菜单包含一个图标，将菜单框架隐藏到最低限度。为此，我使用了这个 JavaScript 表达式：

top.document.getElementById('myFrameSet').cols = "20,*";

这在所有当前的桌面浏览器中都非常有效。但不是在 iPhone 或 iPad 上的 Safari 中。调试它似乎正确地改变了“cols”属性，但帧大小保持在原来的位置。

对此有什么建议吗？或者有什么不同的方式来改变客户端的帧大小？

【问题讨论】：

【解决方案1】：

坦率地说，我会研究一个根本不涉及使用框架的解决方案。由于可访问性问题，框架在当今的网络中大多已被弃用，而在移动设备和小型设备上，这些问题变得更加突出。

考虑将您的顶部框架转换为所有页面上的顶部面板 <div>，可以使用 CSS position:fixed; top:0; 将其定位到屏幕顶部。然后就可以直接用JS来调整div的大小了。如果你想要一个具体的例子，请问我。

【讨论】：