sencha-touch-2 - 如何将 UI“缩放”到可读大小

Question

当我在设备上显示我的应用程序时，字体、图标和按钮小得无法使用。在平板电脑上尤其如此。

如何轻松扩展所有 UI 组件？

Answer 1

确保您的应用程序 html 文件中包含以下元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

如果您仍然觉得按钮和文本太小（这应该是个人喜好），您可以随时尝试更改 css。像这样添加新规则：

body {
    font-size: 140% !important; //I believe 114% is default
}

希望能帮助到你。