Встречается на собеседованиях • сегодня

Как работает Media запрос

Media queries позволяют адаптировать стили под разные устройства и условия, например, ширину экрана, ориентацию или разрешение. Они используют @media правило в CSS.

css
/* Стили для экранов шириной до 600px */
@media (max-width: 600px) {
  .container {
    padding: 10px;
  }
}

/* Стили для экранов от 600px до 900px */
@media (min-width: 600px) and (max-width: 900px) {
.container {
padding: 20px;
}
}

text

Ключевые особенности:
- Работают по принципу каскада (порядок media queries важен)
- Можно проверять: `width`, `height`, `orientation`, `resolution` и др.
- Часто используются с mobile-first подходом (начинают с малых экранов)
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы