Как отключить адаптивный дизайн

Узнайте, как отключить метатег viewport и изменить контрольные точки для отключения адаптивного макета.

1. Viewport метатег

Проверьте  Disable the viewport meta tag установленный чекбокс (галочку) в меню Settings -> Responsive настроек вашего шаблона. Таким образом установиться стандартная ширина макета для отображения на гаджетах до 980px и сайт будет выглядит на них, как на обычном экране компьютера.

2. Контрольные точки

Следующим шагом будет установка минимальных и максимальных значений для предотвращения адаптивности дизайна макета. Чтобы сделать это, откройте инструмент Customizer в настройках шаблона и установите Mini, Small, Medium и Large контрольные точки дo 0px. Контрольную точку Xlarge нужно установить как можно больше, например,  9999px. Это сделает невозможным для браузеров изменять размеры до значений контрольных точек, тем самым "не поддаваться" адаптивности на вашем сайте.

3. Less

Вам необходимо добавить следующий CSS код в файл /less/theme.less.
.uk-container { max-width: none; width:@utility-container-max-width;}
Совет: Изучите урок по настройке шаблона, чтобы узнать, как переопределять файлы.
  • Пятница, 09 января 2015

Оставить комментарий

Вы комментируете как Гость.

beget