Editor X: управление размерами экрана

Editor X позволяет создать полностью респонсивный сайт, который адаптируется к различным размерам экрана. Размеры экрана определяются точками, в которых дизайн настраивается так, чтобы посетители всегда видели лучшую версию вашего сайта с любого устройства.

Вы можете захотеть, чтобы ваши страницы и основные секции имели разный дизайн на определенных вьюпортах, таких как большие экраны или мобильные устройства. С помощью Editor X вы можете определить разные размеры экрана для каждой страницы и образцов на сайте и соответствующим образом настроить дизайн.

По умолчанию в редакторе доступны наиболее распространенные размеры экрана на основе пользовательского трафика (мобильный, планшет и компьютер). Наши рекомендуемые экраны охватывают широкий диапазон размеров, но вы всегда можете добавить свой размер экрана, если диапазон не соответствует вашим потребностям.

Вы можете увидеть 3 размера экрана в верхней части редактора. Нажмите на экран, чтобы перейти к нему и начать настройку страницы или образца для этого размера экрана.

Вы также можете перемещаться между разными экранами, перетаскивая маркеры с левой и правой стороны редактора.

Возможно, вы захотите создать свою страницу или секцию образца для определенного размера вьюпорта, который не входит в наши доступные по умолчанию размеры экрана. В этом случае добавьте еще один экран с новым размером.

Измените размер существующего размера в редакторе.

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