使用 PhoneGap + jQuery Mobile 为智能手机和平板电脑重用 UI

Question

在使用 PhoneGap 为智能手机和平板电脑开发移动应用时，如何重用大部分 UI 代码？我问的原因是智能手机应用程序和平板电脑的 UI 布局由于屏幕尺寸的不同而需要不同。

我真的很想知道您的建议是什么，以便我可以尽可能多地利用 PhoneGap。提前感谢您的指导。

我正在考虑使用的框架是：

PhoneGap jQuery 移动 Backbone.js

Answer 1

虽然我们在 Phonegap 中处理混合应用程序中的 UI 设计，但使用 css 技术是一个简单而好的选择。我有一些链接分享给大家，值得一读，对解决你的问题很有帮助，

link 1 : 移动网页设计：技巧和技巧
link 2 : 流动布局的简单方法
link 3 : 5 分钟 CSS 移动改造

希望这些链接对您有所帮助。

Answer 2

我会检测用户代理，然后根据设备显示正确的 UI。我在我的 jQuery Mobile 应用程序（虽然我不使用 PhoneGap）中使用 PHP 执行此操作。