1

Estou usando as seguintes media queries, no Chrome esta tudo ok. Quais são as propriedades certas para a última versão do IE?

@media(min-width:320px) { }

@media(min-width:480px) { }

@media(min-width:600px) { }

@media(min-width:768px) { }

@media(min-width:991px) { }
7
  • Qual a versão do Internet Explorer que você usou para testar?
    – Tony
    Commented 26/10/2014 às 22:42
  • O mais atual iE 2014
    – ndroid
    Commented 26/10/2014 às 22:44
  • 1
    Diga se o resolve: <meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
    – Tony
    Commented 26/10/2014 às 22:50
  • @Tony não obteu nenhum resultado
    – ndroid
    Commented 26/10/2014 às 22:53
  • conhece outro método? estou procurando e nada
    – ndroid
    Commented 27/10/2014 às 0:22

3 Respostas 3

2

Você pode utilizar o Respond.js. Ele é um polifyll para navegadores que não suportam media queries, como o IE. Basta você incluir o arquivo javascript no seu código e tudo irá funcionar perfeitamente. =)

Você também pode optar por utilizá-lo através de um CDN:

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
1
  • Estou com o mesmo problema, tentei usar o respond.js mas nada acontece, tu sabe o que pode ser?
    – haykou
    Commented 27/10/2014 às 19:20
1

Testei aqui o Respond.js e deu certo, porém você tem que usar o servidor pra que ele funcione, se tentar direto localmente no browser não vai funcionar (pelo menos comigo).

Usei esse meta

<meta http-equiv="X-UA-Compatible" content="IE=edge">

e essa cdn depois do css

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
0

http://caniuse.com/#feat=css-mediaqueries

Como o site a cima mostra, só a partir do IE9 que media queries são suportados.

Porem há um projeto encontrado no google code que supri como faulback essa necessidade!

https://code.google.com/p/css3-mediaqueries-js/

Espero que te ajude!

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .