Responsive website breaks in IE 8

Question

My website works perfectly till IE9, all hell breaks lose at IE8. What my header looks like:

<head>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<!--[if lt IE 8]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<![endif]-->
<title></title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<meta content="en" http-equiv="content-language" name="language"/>
<system-page-meta-keywords/>
<system-page-meta-description/>
<meta content="width=device-width, initial-scale=1, minimum-scale=1" name="viewport"/>
</head>

We also tried adding this to our htaccess file

<FilesMatch "\.(htm|html|php)$">
    <IfModule mod_headers.c>
        BrowserMatch MSIE ie
        Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
    </IfModule>
</FilesMatch>

How do I force old IE8 browsers to render as latest IE versions? What am I doing wrong here? Please help, we are few hours shy of launching!

Answer 1

You can't usually make old versions of software behave like new ones. In this case, IE8 doesn't support media queries, so you need to use a polyfill, such as Respond.js .

Responsive website breaks in IE 8

Question

1 answers

solution1
2 2014-01-13 19:38:17

Responsive website breaks in IE 8

Question

1 answers

solution1 2 2014-01-13 19:38:17

solution1
2 2014-01-13 19:38:17