войти

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

База знаний

Адаптация к размеру экрана

Любая из настроек оформления сайта может быть переопределена в зависимости от размера экрана. Обычно на более узких размерах экрана меняются размеры: шрифт, отступы.

Чтобы добавить точку, наведите мышкой на звездочку в левой части таблицы настроек. Если вместо звездочки там уже установлено значение точки перехода, нажмите справа или слева от числа.

Добавление точки перехода
Добавление второй точки перехода
Нажмите появившийся плюсик и введите значение точки перехода (ширину окна, меньше которой у некоторых настроек будут другие значения).
Добавленная точка перехода
Теперь столбец справа от названия настроек отображения разделен на две части. Нажав на квадратик справа от линии “768”, вы откроете настройки для диапазона ширины экрана 768 пиксель и выше, слева - 767 и ниже. Наличие точки на пересечении типа настройки и диапазона означает, что в данном диапазоне эта настройка определена, отсутствие - что она не определена и будет использоваться настройка для большего диапазона. Например, на этом экране видно, что для диапазона ширины экрана 0-767 установлены отдельные настройки для текста, а остальные настройки будут взяты с верхнего диапазона.
Настройки адаптива
Чтобы отредактировать настройки на выбранном диапазоне, нажмите на квадрат на пересечении настройки (например, свойства текста) и диапазона (например, 0-767).
Настройки текста в диапазоне 0-767

Внесите нужные изменения (например, уменьшите размер шрифта) и сохраните форму.

Вы можете вводить и другие точки перехода (брейкпоинты): например, для случаев, когда изменение шрифта будет происходить в нескольких даипазонах: на 1024+ 16pt, на 768-1023 - 14pt, 0-767 - 12pt. Для этого нажмите плюс справа или слева от имеюющейся точки перехода - и дальше по тому же принципу.

Еще одна точка перехода

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

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

info@netcat.ru

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