media queries not working inside IE hacks

Question

I have a IE hack problem where I need to add media queries specifically for IE7(IE8 is working fine). I am using respond.js also. So when i do something like this:

    <!--[if IE]>
            <style rel="stylesheet" type="text/css">

@media screen and (max-width:500px){
.abc{width: 100px !important;}

}

</style>
<![endif]-->

IE7 doesnot understand it. Please suggest. Thanks in advance.

IE in general hardly understands css. Good luck with IE7!! But i'm not here just to joke. [see here](http://stackoverflow.com/questions/18205253/ie7-ie8-support-for-css3-media-query) — jbutler483, Dec 04 '14 at 12:25
why do you need media support for IE old browsers? I see no reason for it. — D.Luss, Dec 04 '14 at 12:39

Jeffrey Bosman · Answer 1 · 2014-12-04T12:59:49.553

0

Media queries do not work below IE8. But take a look at these plugins and tutorials about how to support media queries in IE8 and below:

css3-mediaqueries-js

Respond.js

Plugin website

edited Dec 04 '14 at 12:59

answered Dec 04 '14 at 12:54

Jeffrey Bosman

15
1
6

score 0 · Answer 2 · answered Dec 04 '14 at 13:01

0

Actully IE8 and lower version doesn't support Media Query For IE9 we can use this

<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

answered Dec 04 '14 at 13:01

nikita

273
3
15

media queries not working inside IE hacks

2 Answers2

css3-mediaqueries-js

Respond.js