Internet explorer media queries
Internet explorer media queries
Internet explorer media queries is the main issue in older IE version. Normally IE5 to IE8 do not support CSS3 Media Query. But at least IE8 should support for CSS3 Media Query and that is very important for cross-browser responsive web design. Here I will tell you how you can solve the CSS3 Media Query issues for IE. This tutorial will helps you to create a dynamic resolution dependent layout with web standards in mind.
How to use?
Download html5shiv & respond.min
copy above two files in your js directory & link them in the following manner just before the </head> tag
<!-- [if IE ]> <script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script><![endif]--> Then write the media query in style sheet and check it in IE. It will work nicely with IE8, IE7 Even more older version IE6 or IE5
Also make sure to write media query with following way
@media screen and (min-width: 980px)
{
/* CSS Document */
}
You can also use following JQUERY Plugin to make your website as responsive in internet explorer