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

База знаний

Другие разделы базы знаний:

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

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

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

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

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

Чтобы отредактировать настройки на выбранном диапазоне, нажмите на квадрат на пересечении настройки (например, свойства текста) и диапазона (например, 0-767).

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

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

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

info@netcat.ru

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

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

База знаний

Оглавление

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