Вопрос проверяет понимание адаптивной верстки и механизмов изменения стилей под разные устройства.
Media queries позволяют применять CSS-стили в зависимости от параметров устройства.
Чаще всего они используются для адаптивной верстки.
С их помощью можно менять layout под разные экраны.
Это базовый инструмент responsive design.
Современные сайты должны корректно отображаться на устройствах с разными характеристиками. Media queries решают эту задачу на уровне CSS.
Media queries — это механизм CSS, который позволяет применять стили в зависимости от условий среды отображения.
Media queries используются для:
Адаптации интерфейса под разные размеры экранов
Изменения layout на мобильных устройствах
Управления отображением элементов
Оптимизации пользовательского опыта
@media (max-width: 768px) {
.sidebar {
display: none;
}
}
Десктопная версия
Планшет
Мобильная версия
Media queries позволяют управлять этими состояниями без JavaScript.
Media queries — основной инструмент адаптивной верстки. Они позволяют одному CSS-файлу обслуживать разные устройства.