Выбор ответа Junior Адаптивность обновлено
Mobile-first в коде
Вопрос
Какой фрагмент написан в подходе mobile-first?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Базово одна колонка, @media (width = 768px) добавляет вторую и третью. Mobile-first: стили по умолчанию для узкого экрана, а на широких добавляются условия «от» (min-width или width =).
Варианты ответа
- Базово 3 колонки,
@media (max-width: 767px)делает одну - Отдельный файл
mobile.cssподключается через JavaScript поnavigator.userAgent - Базово 3 колонки, на телефоне колонки скрываются через
display: none - Базово одна колонка,
@media (width >= 768px)добавляет вторую и третьюправильный ответ
Разбор
Mobile-first: стили по умолчанию для узкого экрана, а на широких добавляются условия «от» (min-width или width >=). Первый вариант это desktop-first: база для широкого экрана и откат через max-width. Определение устройства по user agent хрупкое и не является адаптивной вёрсткой. Скрытие колонок ничего не говорит о порядке подходов и прячет контент.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.