Помимо десктопной версии, вы можете создать отдельную планшетную и/или мобильную версию вашего проекта. Для этого кликните по иконке ноутбука в левом нижнем углу Редактора и активируйте их. Для быстрого переключения между версиями используйте шорткаты 1 (десктопная версия), 2 (планшетная версия) и 3 (мобильная версия).
После активации переключателя мобильная версия создается автоматически (Mobile Auto-layout), при этом все виджеты в ней выстраиваются в единую колонку.
Вы можете поменять расположение и настройки виджетов, а также отключить автоматическую расстановку виджетов, кликнув по иконке «стрелка» на панели выбора версий.
Обратите внимание: вернуться к предыдущим версиям можно только до тех пор, пока вы не обновите страницу.
Несколько советов:
- Используйте клавиши на клавиатуре для переключения между десктопной (1), планшетной (2) и мобильной (3) версиями проекта. Эта функция доступна и в конструкторе страниц, и в режиме предпросмотра (Preview).
- Для того чтобы изменить длину страницы, потяните за синий ромб в нижней части экрана. Другой вариант — кликните по нему и введите точное значение для длины в пикселях.
Обратите внимание: для мобильных версий доступны только две версии анимации: On Load («При загрузке») и On Click («По клику»).
Версии проекта на мобильных устройствах
Если у проекта есть десктопная, планшетная и мобильная версии, на устройстве отобразится та, размеры которой ближе всего к размерам его экрана. При повороте телефона в пейзажную ориентацию всегда отображается десктопная версия проекта. Если у проекта есть только десктопная версия, на любом устройстве будет отображаться именно она.