Оглавление:
Определение - что означает Media Query?
Медиа-запрос - это функция HTML / CSS, которая позволяет содержимому веб-страницы адаптироваться к типу мультимедиа, на котором отображается страница, например экран компьютера или телефона или планшета. Это считается основной технологией для реализации адаптивного веб-дизайна и было рекомендовано для реализации в качестве стандарта в июне 2012 года вместе с другими функциями CSS3.Техопедия объясняет медиа-запрос
Медиа-запросы состоят из медиа-типа и одного или нескольких выражений, которые условно проверяют определенные медиа-функции, особенно размеры экрана. Логические выражения в медиа-запросе могут быть либо истинными, либо ложными; это верно, если медиа-тип запроса совпадает с медиа-типом устройства, на котором запущен пользовательский агент (веб-браузер); в противном случае это неверно. Когда медиа-запрос приводит к значению true, будут применяться соответствующие указанные правила стиля, следуя обычным правилам каскадирования. Следует отметить, что даже если запрос приводит к значению false, таблицы стилей, указанные в теги все еще загружаются, но просто не применяются.
Пример использования HTML
тег:
Пример использования @media в
Это определение было написано в контексте адаптивного веб-дизайна
