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
}

这是我的视口：

<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应用程序设计：即应用程序根据可用维度动态分配空间。查看以下链接/框架以了解响应式设计：

您还可以在Why 2013 is the Year of Responsive Web Design?

了解有关该技术背后原因的更多信息

将iPhone PhoneGap应用程序移植到Android - 扩展问题

1 个答案: