Home : Termos da Internet : Definição de consultas de mídia

Consultas de mídia

As consultas de mídia são um recurso do CSS que permitem página da web conteúdo para se adaptar a diferentes tamanhos e resoluções de tela. Eles são uma parte fundamental da web design responsivo e são usados ​​para personalizar a aparência de sites para vários dispositivos.

As consultas de mídia podem ser inseridas nas páginas de uma página da web. HTML ou incluído em um separado .CSS arquivo referenciado pela página da web. Abaixo está um exemplo de uma simples consulta de mídia:

@media screen e (largura máxima: 768px)
{
cabeçalho {height: 70px; }
artigo {tamanho da fonte: 14px; }
img {largura máxima: 480px; }
}

A consulta de mídia acima será ativada se um usuário navegador janela é 768 pixels largura ou menos. Isso pode acontecer se você reduzir a janela em um computador desktop ou se estiver usando um dispositivo móvel, como um comprimido, para visualizar a página da web.

No design web responsivo, as consultas de mídia atuam como filtros para diferentes tamanhos de tela. Como todos os módulos em uma folha de estilos em cascata, os que aparecem mais abaixo na lista substituem os que estão acima deles. Portanto, o omissão os estilos geralmente são definidos primeiro em um documento CSS, seguidos pelas consultas de mídia para diferentes tamanhos de tela. Por exemplo, os estilos da área de trabalho podem ser definidos primeiro, seguidos por uma consulta de mídia com estilos para usuários de tablet, seguida por uma consulta de mídia projetada para smartphones Comercial. Os estilos também podem ser definidos na ordem oposta, que é considerada desenvolvimento "móvel primeiro".

Enquanto min-width é de longe o recurso mais comum usado em consultas de mídia, muitos outros também estão disponíveis. Exemplos incluem largura mínima do dispositivo, altura mínima do dispositivo, proporção da tela, max-color-index, resolução máxima, orientaçãoe resolução. O resolução O valor, por exemplo, pode ser usado para detectar telas HiDPI (como retina exibe) e carregue gráficos de alta resolução em vez de imagens padrão.

TechLib - O dicionário de informática Lib Tech

Esta página contém uma definição técnica de Consultas de mídia. Explica na terminologia de computação o que as Consultas de Mídia significam e é um dos muitos termos da Internet no dicionário TechLib.

Todas as definições no site da TechLib foram escritas para serem tecnicamente precisas, mas também fáceis de entender. Se você achar útil essa definição de Consultas de mídia, pode fazer referência a ela usando os links de citação acima.