Адаптация под мобильный
Размеры шрифтов, отступы, кнопки
Вся информация автоматически адаптируется под мобильные. Но есть дополнительные инструменты, позволяющие сделать более тонкую настройку отображения.
1
Размер шрифтов на мобильных

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

У каждого блока есть отступы от информации до границ блока. При этом отступы для мобильных могут быть заданы отдельно. Вы можете сделать для компьютеров сайт, где много свободного пространства, дающего ощущение "воздуха", а на мобильных сделать более компактно, чтобы не приходилось долго листать страницы.
Лайфхак: отступы у блоков тоже могут быть глобальной настройкой. То есть можно выстроить чёткую систему и применять для всех блоков, а не работать с каждым блоком отдельно.
Настроенные отступы применяются внутри блоков. При изменении глобальной настройки, они изменятся во всех блоках, где используются.
3
Кнопки могут иметь мобильную версию

На шаге "глобальные настройки" мы рассматривали кнопки. При использовании глобальных настроек кнопок может быть создана мобильная версия.
4
Некоторые блоки имеют специальные настройки для мобильных

Для максимальной адаптации к мобильным устройствам есть дополнительные настройки дизайна.

Примеры:
5
Скрытие блоков в зависимости от разрешения экрана

В настройках блока есть возможность установить диапазон видимости. Если вы считаете, что какой-то блок не уместен на мобильных или компьютерах, то можно настроить его отображение.
Товар добавлен в корзину
Оформить заказ

Смотрите также
от