Search code examples
htmlcssruby-on-railsinternet-explorermedia-queries

IE not recognizing website's media queries

I've developed a Rails 3 app. If you browse it using Chrome or Firefox it will be displayed using the defined media queries. But if you use IE 7 and 8, at least, you will see media queries are not being recognized (i.e.: centered header "Acceder", mobile-style menu behind Search icon, single-line products, etc.).

I've read a lot of posts, and I'm using respond.js and some other fixes, but it looks like there's something else that's causing the problem.

Could you please help me?

Thanks.

Solution

  • IE 7 and 8 do not properly support CSS media queries: http://caniuse.com/#search=media

    I do see you note that you are using respond.js to get around this limitation. But as @sdcr pointed out above, this file is missing from the requested path.

    I also note the following error on your linked page:

    Uncaught Error: Bootstrap's JavaScript requires jQuery

    bootstrap.min.js:6 (anonymous function)