Android Web App GUI布局和控制

Question

我正在尝试创建我的网站的移动版本。这是一个在线应用程序，但我想通过Web格式制作移动版本。

因此，如果他们访问www.example.com，则会将他们带到移动版本。 （目前它的作用）。但我遇到的问题是在多个设备之间创建一个友好的用户友好界面，即：BlackBerry，Android，iPhone。我相信这几乎是不可能的。但我想要一些相似之处。

我可以从哪个模板开始？我注意到最好使用“EM”字体大小来创建更稳定的一致性。

我真的很喜欢这种TweetDeck的布局

我喜欢底部按钮的布局。我能做些什么来创造这种一致性吗？我是否在浏览器中以100％创建此项，或者我是否需要首先检测浏览器的宽度然后创建UI？

Answer 1

你真的应该看看一些移动JavaScript库。他们为您完成所有艰苦的工作，您只需处理他们提供的API。以下是我在自己的研究中发现的一些内容：

Sencha Touch - http://www.sencha.com/products/touch/ 适用于JQuery人员的JQTouch - http://www.jqtouch.com/ 如果您是.NET组件人员 - http://www.componentone.com/SuperProducts/StudioiPhone/