IPhone的網頁 - 大字體而不是滾動？

Question

我正在計劃我的網頁的佈局，這也應該可以在iPhone上使用。我並沒有太多的iPhone經驗 - 我只是在我的Mac上安裝了iPhone模擬器。

該頁面的內容很靈活，所以我認爲最好使用這種靈活性來避免用戶必須滾動整個頁面。特別是我有

• 一個頭和側邊欄將使用所有的時間執行多個動作。
• A 主要內容區域與許多元素（例如圖像）。如果在一個小屏幕上（例如通過JavaScript）減少了一次顯示的元素數量，UI將保持非常好用。使主要內容區域可滾動（相對於整個頁面）也是可以的。

的問題：如果我只是顯示IPhone上的頁面，它使用一個非常小的字體大小，以使用戶必須在第一次放大，然後四處滾動 - 讓他們看不到頭和側邊欄。

處理這種情況的最佳方法是什麼？

• 只要這樣（非常小的字體），因爲用戶期望在iPhone上的行爲？
• 如果我檢測到 - 顯示在iPhone上，請增加字體大小（通過在em或px或xx-large中指定它，或者最佳方式是什麼？）。
• 或者有什麼方法可以將視口大小限制爲屏幕大小，並使其自動放大？我認爲這對我來說是最簡單的解決方案。
• 或......？

Answer 1

這從克雷格Hockenberry文章值得一讀：

• http://furbo.org/2007/07/24/one-line-of-code/

對於一些詳細信息，這裏有一個兩舞伴他寫列表除了：

1. http://www.alistapart.com/articles/putyourcontentinmypocket
2. http://www.alistapart.com/articles/putyourcontentinmypocketpart2/