sencha-touch-2 - Sencha Touch 2 视口缩放

Question

我制作了一个应用程序并在 Android 手机上对其进行了测试。但是手机上的控件（像素方面）明显大于相同大小（480x800）的浏览器窗口中的控件。我尝试将宽度设置为 device-width 和 480 的 index.html 文件包含在内，但设备上的 UI 控件仍然看起来太大并且超出了屏幕边缘。我想知道 Sencha 对此的解决方案是什么？我们应该自己设置元视口，编辑一些配置选项等吗？

Answer 1

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />

是的，这就是我用过的。

还要确保你有

<meta charset="UTF-8">

或者

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">