Índice:
Definição - O que significa o Media Query?
Uma consulta de mídia é uma funcionalidade HTML / CSS que permite que o conteúdo de uma página da Web se adapte ao tipo de mídia em que a página está sendo renderizada, como uma tela de computador ou de um telefone ou tablet. Isso é considerado uma tecnologia essencial para a implementação de design responsivo da Web e foi recomendado para implementação como padrão em junho de 2012, juntamente com outras funcionalidades do CSS3.Techopedia explica Media Query
As consultas de mídia consistem em um tipo de mídia, juntamente com uma ou mais expressões que verificam condicionalmente determinados recursos de mídia, particularmente o tamanho da tela. As expressões lógicas em uma consulta de mídia podem ser verdadeiras ou falsas; é verdade se o tipo de mídia da consulta corresponder ao tipo de mídia do dispositivo em que o agente do usuário (navegador da Web) está sendo executado; caso contrário, é falso. Quando a consulta da mídia for verdadeira, as regras de estilo correspondentes especificadas serão aplicadas, seguindo as regras em cascata normais. Deve-se observar que, mesmo que a consulta resulte em falsa, as folhas de estilo especificadas no A tag ainda é baixada, mas simplesmente não é aplicada.
Exemplo usando o HTML
tag:
Exemplo usando @media dentro do
Esta definição foi escrita no contexto do Responsive Web Design
