30 ЯНВАРЯ 2023
Настройка разрешений экранов в Zero Block
Теперь в нулевом блоке вы можете самостоятельно настроить разрешение экранов для разных устройств. Диапазон для контрольных точек (брейкпоинтов) варьируется от 320 до 1920 px. Новая функция позволит добиться идеального расположения всех элементов сайта на экранах практически любых устройств.
Разберём несколько случаев, когда пригодится гибкая настройка разрешений в Zero Block
1
На ваш сайт часто заходят с компьютеров с большим разрешением экрана, например, 1920 px, и вы хотите чётко определить место каждого элемента на таком экране.
Добавьте новое разрешение 1920 px, и дорабатывайте дизайн под этот конкретный размер. Вы полностью управляете процессом — задаёте размер шрифта, шейпов, изображений и располагаете их относительно grid-контейнера. В таких случаях можно не использовать автоскейл или вёрстку по window-контейнеру. Вы сможете создавать сайты для больших мониторов, даже если работаете с маленького ноутбука — вы будете знать, как выглядит сайт на любом разрешении.
2
Посетители сайта заходят с устройств с нестандартными расширениями экрана.
В этом случае вы можете изменить текущие размеры экранов в настройках, или добавить новые, например, для разных смартфонов. Настроить можно максимум 10 контрольных точек, Если для посетителей неактуально базовое расширение, например, горизонтальный телефон, появилась возможность его удалить.
Как комбинировать базовые блоки с нулевыми с разрешением 1920 px
В этом случае используйте полноэкранные базовые блоки с настройкой ширины контейнера 100% или 100% с отступами 40px по краям. Вместе они будут хорошо смотреться, потому что ширина контента соотносима по масштабу.
Я могу больше не использовать window-контейнер и автоскейл для создания своего проекта
С технической точки зрения, новая функция упрощает создание сайта в Zero Block — вы можете не разбираться в особенностях резиновой вёрстки или автоскейла, а верстать с привязкой к grid-контейнеру. Но мы рекомендуем изучить все инструменты, уметь их комбинировать и применять в работе в зависимости от задачи. Смотреть вебинар о разных типах вёрстки в Zero Block.

Как настроить сетку для собственного разрешения экрана
Для каждого нового разрешения, которое вы добавляете в Zero Block, можно адаптировать сетку. Перейдите в нужное разрешение → откройте правую панель управления → Zero Block Settings → Grid и задайте собственные настройки.

Читайте также

Появились поиск, сортировка и массовые действия со страницами.

Создайте курс для широкой аудитории или опубликуйте лекции для сотрудников с помощью новой функции.
Made on
Tilda