Question

我正在使用SenchaTouch2开发Android应用程序。我使用480px宽的png文件作为背景图像，以适应宽度为480px的GalaxySII。它在浏览器中完全没问题，但在我作为原生应用程序导出后，该背景变得越来越大，超出了可视范围。

经过一些观察，如果我想要适合480px的屏幕，你的原始图像应该是320px，这是1/3的差异。请告诉我，我可以设法显示原始宽度为n的背景。

谢谢！

Answer 1

听起来您的WebView正在执行扩展。也就是说，默认比例1.0等于mdpi设备。 Galaxy SII是一个hdpi设备，其规模为1.5。所以你的480px图像变成480px * 1.5或720px，为什么320px看起来像你想要的那样。

尝试指定视口使用设备的本机DPI，如下所示：

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width"/>

或者，您可以将其指定为：

<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0"/>

您可以在以下网址了解有关设置视口以定位Android设备的详情：http://developer.android.com/guide/webapps/targeting.html

请注意，如果您遇到后续字体问题，则需要按照我对font size different on ios and android

的回答中的步骤进行操作