iPhone HTML問題 - 僅限身體訪問

Question

我試圖讓HTML頁面在移動設備上正確呈現 - 主要是iPhone和Android。該頁面是448x278圖片，下方有幾行文字，全部居中。當有人訪問該頁面時，我希望它能夠在設備的瀏覽器中正確縮放，以便填充設備的屏幕（而不是完全縮小）。

這裏有個問題，爲什麼我在網上找不到任何有效的東西：該頁面是無線強制門戶的登錄頁面。它運行的硬件（不幸的是一個專有設備）只允許自定義頁面，所以我不能使用任何元標記。

不幸的是，他們也不允許任何形式的腳本（JS除外）。所以它必須是一個靜態的HTML頁面，它可以在任何瀏覽器中呈現並正常工作。

有沒有人知道任何應該爲此工作的黑客？我嘗試過各種各樣的div，甚至是絕對寬度的桌子，但什麼都沒有。就像我喜歡做完全符合標準的HTML 4.01一樣，看起來我需要一些破解才能讓它在沒有訪問權的情況下工作。

任何想法將不勝感激。 謝謝， 傑森

Answer 1

我還沒有測試過這個，但你不能使用JavaScript來追加元標記到頭標？ 這是一個骯髒的黑客，但我想不出另一種方法來完成此刻。

Answer 2

<meta name="viewport" content="user-scalable=yes, width=448px, initial-scale=1.4" />

試着改變initial-scale。我相信它隻影響iPhone。

Answer 3

與 「ahonorstudent」 元代碼，你可以這樣做：

var meta = document.createElement('meta'); 
meta.name = 'viewport'; 
meta.content = 'initial-scale=1.4'; 
document.getElementsByTagName('head')[0].appendChild(meta); 

在五言的JS。這應該工作。但是，正如他指出的那樣;您可能需要調整比例。