Android Web App GUI佈局和控制

Question

我正在嘗試創建我的網站的移動版本。這是一個在線應用程序，但我想通過網絡格式製作一個移動版本。

因此，如果他們訪問www.example.com，它將他們帶到移動版本。 （它目前它）。但是我遇到的問題是在多種設備之間創建一個友好的用戶界面，即BlackBerry，Android，iPhone。我相信這幾乎不可能得到相同的結果。但我想要一些相似之處。

是否有任何形式的模板，我可以從哪裏開始？我注意到最好使用「EM」字體大小和其他任何字體來創建更穩定的一致性。

我真的很喜歡TweetDeck的

的這種佈局

我喜歡沿着底部的按鈕的佈局。我能做些什麼來創造這種一致性？我是否在100％的瀏覽器中創建了這個，或者是否需要先檢測瀏覽器的寬度，然後創建UI？

Answer 1

你真的應該看看一些移動JavaScript庫。他們爲你做了所有的辛苦工作，你只需要處理他們提供的API。這裏有幾個，我在我自己的研究發現：

煎茶觸摸 - http://www.sencha.com/products/touch/ JQTouch jQuery的人 - http://www.jqtouch.com/ 如果你是一個.NET組件的人 - http://www.componentone.com/SuperProducts/StudioiPhone/