Como obter o Internet Explorer para suportar consultas de mídia

As consultas de mídia permitem que você defina facilmente estilos CSS diferentes em uma página da Web, dependendo do tamanho da tela em que é baixado, o que é muito útil ao criar um design da Web responsivo, ou seja, , também adaptado para tablets e telefones celulares e não apenas computadores. Por padrão, o Internet Explorer, em suas versões anteriores a 9, não entende esse código; no entanto, existe uma maneira de alcançá-lo. Em .com, explicamos como obter o Internet Explorer para suportar consultas de mídia.

Passos a seguir:

1

Como dissemos, as consultas de mídia são uma das ferramentas do design da Web responsivo. Especificamente, eles são um módulo CSS3 que permite que diferentes estilos sejam especificados em uma página CSS, dependendo do tipo de tela.

2

Aqui está um exemplo de meio querie :

@media screen e (max-width: 1000px) {

body {background-image: url ('../img/fondomv.jpg'); repetição de fundo: no-repeat;}

}

3

Com estas linhas de código que são escritas dentro da folha de estilo da web, um documento .css, estamos indicando que nos plântulas de 1.000 pixels ou menos de largura, a web tem uma certa imagem de fundo.

4

Além de indicar este código, podemos estabelecer muitos outros, como o tipo de letra é maior, o formato de menu diferente, etc.

5

Como exemplo, a imagem mostra uma visualização da Web em telas com mais de 1.000 pixels de largura.

6

E assim é visto com diferentes mudanças de estilo aplicadas graças a consultas de mídia.

7

A maioria dos navegadores aceita metade das consultas, no entanto, versões anteriores ao Internet Explorer 9 não; o que faz com que eles não levem as mudanças de estilo que são estabelecidas.

8

Existe uma maneira muito simples de resolver este problema. Trata-se de escrever o código que você pode ver na imagem na cabeça da página da Web afetada, não é a folha de estilo, mas na página html.