войти

Дизайнерам и разработчикам

База знаний

Адаптация к ширине

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

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

Добавление точки перехода
Результат добавления точки перехода

Нажатие мышкой на пересечение строки “Компоновка” и диапазона (на картинке выше показаны три диапазона: 0-768, 769-1024 и 1024 и выше) вызовет открытие настройки компоновки для этого диапазона. Наличие точки означает, что для этого диапазона установлены настройки компоновки, отличающиеся от настроек верхнего диапазона. Если в диапазоне нет точки, будут использованы настройки компоновки с верхнего диапазона.

На картинке выше компоновка определена для двух верхних диапазонов. Нажмем на пересечение строки "Компоновка" и нижнего диапазона. Мы увидим значение, унаследованное с верхнего диапазона. Его можно изменить, и для нижнего диапазона значений будет применена настроенная нами компоновка.

Компоновка для диапазона не настроена, надо нажать
Нажали: унаследованное сверху значение
Новое значение

© 1999 – 2024
ООО «НетКэт»

+7 (495) 783-60-21
+7 (495) 055-73-84

info@netcat.ru

129329, г. Москва,
ул. Вересковая, 13