移動設備編程網站

Question

我很好奇如何使網站移動設備友好..所以什麼是最好的尺寸，以及如何讓網站找出他們是否在移動設備上。還有什麼我需要限制我的設計和編碼，使網頁更無毛刺和更快的加載...

Answer 1

實際上有兩大這裏學校，這取決於你的觀衆：

如果你談論的是目前手機瀏覽器，目前市場上絕大多數的使用功能齊全的瀏覽器，如在iPhone，Android的變種，Palm Pre等。這些可以處理複雜的javascript和現代css。對於這個羣體，你主要關注的是如何精簡非常有限的頁面寬度（> 800px）的佈局，最小化需要加載的數據量（因爲移動連接可能非常緩慢），以及優化字體大小和線高度爲可讀性。然而，在發展中國家（非洲，南美洲，亞洲部分地區），移動瀏覽是A）非常重要的，B）在硬件能力方面落後大約5-10年。移動互聯網是獲得這些領域信息的主要手段，但你真的需要像1999年那樣編寫HTML（當然不包括表格）。保持你的標記非常乾淨，非常簡單，限制任何花哨的造型，不要依賴於JavaScript，Flash或其他任何東西。

對於這種類型的觀衆，您應該非常關注您的頁面的外觀，而不應使用任何樣式表應用。語義標記是國王。當然，你可以設計它，但儘可能保持最小。

希望提供一些基本的想法。

Answer 2

你可以看看W3 Mobile Web Initiative。他們有許多最佳實踐以及一些很好的工具，如Mobile Web Validator。

Answer 3

爲了使界面用戶友好，我建議你使用jQuery Mobile。