Question

I wrote these media queries for re-size my browser window

@media screen and (min-width:768px) and (max-width:1023px) {
 #wrapper {
width:621px;
padding-left: 50px;
 margin:0 auto; background:red;
}
}
 @media screen and (min-width:1024px) and (max-width:2047px) {
 #wrapper {
 margin:0 auto;
 padding-left: 50px;
 width: 925px; background:yellow;
}
}

its working but in IE its not working then i read on Google that media query is not supported in Internet Explorer 8 or older. we can get this using java script , i am not able to write and integrate my above code with java-script. can anybody help me ?

Answer 1

A simple and lightweight solution is Respond.js.

All you have to do is include the script after your CSS, and it Just Works.

Here’s a demo, check it in an older version of IE: http://scottjehl.github.com/Respond/test/test.html