android - 将 iPhone PhoneGap 应用程序移植到 Android - 缩放问题

Question

我正在致力于将使用 PhoneGap 2.2.0 构建的 iOS 应用程序移植到 Android。我的主要问题是让应用程序根据设备的屏幕尺寸适当缩放。使用 getResources().getDisplayMetrics() ，我获取有关我的 Android 设备的信息:

DisplayMetrics{
    density=1.5, 
    width=540, 
    height=960, 
    scaledDensity=1.2750001, 
    xdpi=368.06036, 
    ydpi=365.22525
}

这是我的视口(viewport):

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1,
minimum-scale=1, width=device-width, target-densitydpi=143" />


如您所见，我正在对 target-densitydpi 进行硬编码让应用程序合理缩放以适合我的 Android 设备的屏幕。由于我希望我的应用程序支持多个屏幕，有没有办法使用 DisplayMetrics 给出的信息调整viewport适本地。

我在网上查找了不同的解决方案，但似乎没有一个能按预期工作。

提前致谢。

Answer 1

我建议从不同的角度看待问题:如何使我的应用程序缩放到任何设备的屏幕尺寸？此时，您正在尝试支持 Android 和 iOS，但稍后您可能还想支持平板电脑、Windows Phone 8、BB 设备等。因此，我会采用响应屏幕尺寸的 Web 应用程序设计:即应用程序根据可用尺寸动态分配空间。查看以下响应式设计的链接/框架:

• Twitter Bootstrap: Responsive Scaffolding
• WebBlocks: Responsive Mobile Designs

您还可以阅读有关该技术背后原因的更多信息:Why 2013 is the Year of Responsive Web Design?