Media Querie is not compatible with Internet Explorer 2014

Asked

Viewed 118 times

1

I’m using the following media queries, Chrome is all ok. What are the right properties for the latest version of IE?

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

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

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

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

@media(min-width:991px) { }
css3 media-queries

  • What version of Internet Explorer did you use to test?

  • The most current ie 2014

  • 1

    Tell me if you solve: <meta http-equiv="X-UA-Compatible" content="IE=EDGE" />

  • @Tony didn’t get any results

  • know another method? I am looking for and nothing

  • The Compatibility Mode this asset?

  • If you’re using IE 10, try this and tell me if it worked for me to then elaborate a better answer: @media screen and (-ms-high-Contrast: active), (-ms-high-Contrast: None) { } Then put your stuff here: @-ms-viewport { width:device-width; zoom:1.0; }

Show 2 more comments

3 answers

2

You can use the Respond.js. It is a polifyll for browsers that do not support media queries, such as IE. Just include the javascript file in your code and everything will work perfectly. =)

You can also choose to use it through a CDN:

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

  • I have the same problem, I tried to use Respond.js but nothing happens, you know what can be?

1

I tested Respond.js here and it worked, but you have to use the server to make it work, if you try directly in the browser will not work (at least with me).

I used that goal

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

and this Cdn after css

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

0

Browser other questions tagged css3 media-queries

You are not signed in. Login or sign up in order to post.