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
}

それが役に立てば幸い。