Включение адаптивного дизайна в Google App Maker

Question

Я искал адекватный способ сделать мой дизайн адаптивным и удобным для использования на мобильных устройствах в Google App Store.Использование 'auto' для горизонтальной ширины или вертикальной высоты помогает в этом, но изменение размера текста даже с использованием размера шрифта css по vw приводит к тому, что мой контент не совместим с мобильными устройствами и сетью.Будем весьма благодарны за любые идеи о том, как сделать Google App Maker более дружественным для мобильных устройств.

Answer 1

Лучший вариант - начать с гибких макетов.Панели будут корректироваться в соответствии с доступным пространством, если вы установите fit to content или fill parent, а виджеты будут масштабироваться в доступном пространстве путем установки minWidth, maxWidth, minHeight и maxHeight.

После этого вы можете создавать форматы CSS, которые настраивают макет для каждого целевого размера экрана.

В соответствии с руководством Google App Maker для стилей страницы :

Чтобы автоматически настроить макет для разных размеров экрана, используйте медиа-запросы в глобальном CSS.Для ознакомления с адаптивным дизайном см. Основы адаптивного веб-дизайна .Например, см. Адаптивная сетка макета .

.