View Categories

Как оптимизировать сайта для мобильных устройств?

< 1 мин. чтения

Если дизайн вашего веб-сайта выглядят искаженно или элементы расположены неправильно на мобильных устройствах, скорее всего, это связано с пользовательскими настройками размера макета.Причина, по которой это происходит:

  1. Пользовательские настройки высоты и ширины:
  2. Настройки минимального/максимального размера макета:

Шаги для устранения проблем с размерами на мобильных устройствах:

  1. Перейдите в раздел «Структура страницы» на правой панели вашего конструктора сайтов;
  2. Просмотрите структуру макетов и все элементы с типами макета «Горизонтальный» и «Вертикальный»;
  3. На правой панели инструментов выберите «Размер», проверьте все элементы:
    • «Ширина» желательно должна быть «100%» или «Авто»;
    • «Высота» должна быть «Авто»;
    • Все флажки «Мин.» и «Макс.» в разделе размеров должны быть отключены (это гарантирует, что ваш макет будет автоматичиски адаптироваться к экранам разных размеров).
  4. Проверьте элементы на каждой странице;
  5. Нажмите “Предпросмотр”, чтобы проверить результат.

Обратите внимание: Следуя этим шагам, ваш веб-сайт будет иметь адаптивный дизайн, который будет корректно работать на ПК, планшетах и мобильных устройствах.

Работает на BetterDocs