android - 图像以不同于应有的比例呈现 - Android 中的 Phonegap

Question

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

我最初以为这是我的模拟器问题，以不同的比例显示我的应用程序，但事实并非如此!我截屏了，视口(viewport)的宽度是540，就像我在AVD中定义的一样。

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

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

Answer 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" />