Выбор ответа Junior Семантика спрашивают часто обновлено
Зачем meta viewport
Вопрос
Сайт с медиазапросами на телефоне выглядит как уменьшенная десктопная версия, медиазапросы не срабатывают. Чего, скорее всего, не хватает?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: <meta name="viewport" content="width=device-width". Без мета viewport мобильный браузер рисует страницу на виртуальной ширине около 980px и уменьшает её, поэтому max-width: 600px не срабатывает. charset отвечает за кодировку, lang за язык для скринридера и перевода.
Варианты ответа
<meta charset="utf-8">в начале<head><html lang="ru">с указанием языка страницы- Атрибута
media="screen"у тега<link>со стилями <meta name="viewport" content="width=device-width">правильный ответ
Разбор
Без мета viewport мобильный браузер рисует страницу на виртуальной ширине около 980px и уменьшает её, поэтому max-width: 600px не срабатывает. charset отвечает за кодировку, lang за язык для скринридера и перевода. Атрибут media у <link> не нужен для работы медиазапросов внутри файла.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.