更改Safari/iPhone上的幀大小

Question

我喜歡在iPhone上引入舊的Intranet應用程序。 包括的是隱藏它位於一幀中的菜單區的函數：

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

該菜單包含一個iconing隱藏菜單幀到最小。爲此，我使用這個JavaScript表達式：

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

這適用於所有當前的桌面瀏覽器。但不適用於iPhone或iPad上的Safari。調試它似乎正確地更改了「cols」屬性，但幀大小仍然保持原來的位置。

對此有何建議？或者改變一個幀大小客戶端的任何不同的方式？

Answer 1

坦率地說，我會研究一個不涉及使用幀的解決方案。由於無障礙問題，在當今的網絡中大多數幀被棄用，而在移動設備和小型設備上，這些問題變得更加突出。

考慮將所有頁面上的頂部框架轉換爲頂部面板作爲<div>，可以使用CSS position:fixed; top:0;將其置於屏幕的頂部。然後你可以使用JS來直接調整div的大小。問我是否想要一個具體的例子。