图像以不同的比例呈现 - Android中的Phonegap答案

【问题标题】：Images are rendering in a different ratio than it should - Phonegap in Android图像以不同的比例呈现 - Android中的Phonegap
【发布时间】：2012-05-17 12:08:42
【问题描述】：

我正在使用 PhoneGap 开发一个 Android 应用程序，但我很快就发现了一个问题。每当我插入图像（背景或图像标签）时，它会显示得比应有的大。

我最初认为这是我的模拟器问题，我的应用程序以不同的比例呈现，但事实并非如此！我截图了，我的viewport的宽度是540，和我在AVD里定义的一样。

正如您在下面的屏幕截图中看到的，在我的 HTML 中，我确实设置了一个图像标签，强制宽度为 69，高度为 70（我的源图像的实际尺寸）。但它总是渲染得更大！

标签“原始源图像”指向我从它的目录拖到屏幕截图的真实图像，只是为了证明它们非常不同。

【问题讨论】：

标签： android image cordova

【解决方案1】：

在一个 android 项目中，您可以在不同的文件夹中放置可绘制对象（图像）。这些称为 xdpi hdpi mdpi ldpi。我不知道 PhoneGap 是如何工作的，但你应该能够告诉 phonegap 将图像放在哪个文件夹中。这是在元标记中指定设备 dpi 的人，也许你可以试试这个：http://wiki.phonegap.com/w/page/32771298/Android%20High%20Pixel%20Density%20App

元标记

<meta name="viewport" content="width=device-width; target-densityDpi=device-dpi; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=0" />

【讨论】：

我会看到那个链接，但我不认为它有这个问题，因为Phonegap只是一个APK，里面有一个HTML渲染器。