我希望在我的移动应用程序上显示一个动态生成的 HTML 页面。此 HTML 文件采用固定结构。包括表单、图像和按钮。但是，当涉及到不同的移动平台时，例如 ios 和 android。还有不同的手机，比如 sumsung 或其他公司的 android。显示结果不同。其中一些非常糟糕。这个问题对于安卓系统来说更严重，因为有很多不同的公司使用这个系统。
现在我正在使用一种方法，当用户使用应用程序时，应用程序将使用用户使用的手机型号发送请求。服务器端将为该手机选择正确的 HTML 模板。这意味着我必须为每部手机编写一个 HTML 模板。考虑这些天增加手机型号，我认为这不是一个明智的主意。
我希望如果有人可以帮助我想出一个解决这个问题的解决方案。无论是基于用户手机型号动态生成 HTML 模板的解决方案，还是创建 HTML 的通用方式都适合所有移动显示。
谢谢！
如果我正确理解您的问题，我强烈建议您使用 Twitter Bootstrap 来设计您的 html 页面。这非常易于使用，您可以设计根据屏幕调整自身大小的网页。twitter bootstrap 中定义的响应式 css 为您处理所有屏幕尺寸，并根据屏幕尺寸动态呈现 html 页面，而不会妨碍/扭曲 html 代码的外观和感觉。
您可以从这里获取源代码并了解有关它的所有信息http://twitter.github.com/bootstrap/
这是一个使用 twitter 引导带制作的演示页面。您可以尝试在浏览器窗口中打开它，然后调整窗口大小以查看页面内容如何重新排列
http://brocknunn.com/bootstrap-untame/
以下是一些帮助您快速使用 Twitter Bootstrap 的 tuts
http://untame.net/2012/07/twitter-bootstrap-part-1-what-is-bootstrap-anyway/
http://untame.net/2012/07/twitter-bootstrap-part-2-design-a-responsive-homepage/
我只是将它用于我有自定义 html 页面的 Android 应用程序之一。它为我节省了很多精力和时间。我只需要花几个小时来了解如何在 html 页面中安排事情，我就准备好了。我希望这将帮助您大大减少手动工作并节省大量时间。
希望能帮助到你。
我肯定会建议给电话间隙看看（http://phonegap.com/）
此外，您绝对应该在 CSS 中使用百分比以兼容所有分辨率（包括台式机和笔记本电脑）
能够说这就是我的网站看起来的日子已经一去不复返了，你最好让你的分辨率匹配它！
还可以考虑只提供 2 种类型的网站，一种是手机（所有图片都变小了），另一种是桌面，图片尺寸更大。
尝试调整您的设计以按相对大小缩放事物。Android 有一种针对不同设备调整应用程序大小的技术，您应该这样做并为一系列设备创建通用站点模板。
例如，使用百分比，并为屏幕尺寸超过 5 英寸的设备提供不同的模板。