Адаптивность:
Отображение контента на разных видах устройств (с разным разрешением экрана):
- Всегда — медиаблок выводится на всех устройствах (по умолчанию).
- Адаптивно — выбираете, на каких устройствах выводится тот или иной медиаблок.
Например, при добавлении объемной галереи в виде плиток невыгодно, чтобы она отображалась на смартфонах.
Проблема: на смартфонах плиточная галерея ставит одну картинку под другой, и получается длинный столб изображений, который может отпугнуть пользователя.
Решение: на страницу добавляется два блока: блок с галереей-плитками и точно такой же блок, но с галереей-слайдами. В настройках адаптивности галерея-плитками ставится только для экранов компьютерных мониторов, а галерея-слайдами для мобильных телефонов и планшетов.
Итог: на компьютерах люди увидят картинки в ряд, а на смарт-устройствах увидят те же картинки слайдами.
Тонкая настройка:
CSS — каждый блок можно изменить на ваше усмотрение с помощью верстки CSS-кодом.