Выбор ответа Middle Работа с разработкой обновлено

Адаптив в макетах

Вопрос

Как передать поведение экрана на разных ширинах, не рисуя каждый пиксель?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

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

Варианты ответа

  1. Нарисовать экран для каждой ширины от 320 до 1920 с шагом 10 px
  2. Один десктоп-макет: адаптацию разработчик сделает сам по сетке
  3. Ключевые брейкпоинты плюс правила: что тянется, переносится, скрываетсяправильный ответ
  4. Один мобильный макет, а десктоп растянуть по сетке на 12 колонок без правок

Разбор

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

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме