Как "масштабировать" пользовательский интерфейс до удобочитаемого размера

Question

Когда я показываю свое приложение на устройстве, шрифты, значки и кнопки необычайно маленькие. Это особенно актуально на планшете.

Как я могу легко масштабировать все свои компоненты пользовательского интерфейса?

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
}

Надеюсь, поможет.