Медиа-запрос

Автор: Eugene Taylor
Дата создания: 11 Август 2021
Дата обновления: 12 Май 2024
Anonim
Уроки CSS - Медиа запросы основы. Как сделать адаптивный сайт.
Видео: Уроки CSS - Медиа запросы основы. Как сделать адаптивный сайт.

Содержание

Определение - что означает Media Query?

Медиа-запрос - это функция HTML / CSS, которая позволяет содержимому веб-страницы адаптироваться к типу мультимедиа, на котором отображается страница, например экран компьютера или телефона или планшета. Это считается основной технологией для реализации адаптивного веб-дизайна и было рекомендовано для реализации в качестве стандарта в июне 2012 года вместе с другими функциями CSS3.

Введение в Microsoft Azure и Microsoft Cloud | Из этого руководства вы узнаете, что такое облачные вычисления и как Microsoft Azure может помочь вам перенести и запустить свой бизнес из облака.

Техопедия объясняет медиа-запрос

Медиа-запросы состоят из медиа-типа и одного или нескольких выражений, которые условно проверяют определенные медиа-функции, особенно размеры экрана. Логические выражения в медиа-запросе могут быть либо истинными, либо ложными; это верно, если тип мультимедиа запроса соответствует типу мультимедиа устройства, на котором запущен пользовательский агент (веб-браузер); в противном случае это неверно. Когда медиа-запрос приводит к значению true, будут применяться соответствующие указанные правила стиля, следуя обычным правилам каскадирования. Следует отметить, что даже если запрос приводит к значению false, таблицы стилей, указанные в теги все еще загружаются, но просто не применяются.

Пример использования HTML тег:



Пример использования @media в
Это определение было написано в доводе "Отзывчивый веб-дизайн"