0

我正在将使用 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。

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

提前致谢。

4

1 回答 1

1

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

您还可以阅读更多关于该技术背后的原因：为什么 2013 年是响应式网页设计年？

于 2013-01-23T08:32:53.130 回答