Home/ Questions/Q 8605425
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T02:49:40+00:00

I have a site with a responsive grid system using media-queries with break points.

  • 0

I have a site with a responsive grid system using media-queries with break points. On IE8 I’ve seen the “mobile version” as the default view even with the screen size set to what should be the standard desktop size (greater than 960px wide).

Is there a known issue (and fix) that would cause this to happen?

thanks for the help, as always.

—- edit —-

how my media query is setup:

@media screen and (max-width: 767px) {  }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    IE8 doesn’t support media queries, so probably it’s processing all the CSS rules, even those a full-width screen shouldn’t.

    To prevent this problem, add the only keyword after each @media rule ( @media only screen ... ).

    Then you can reach support including the fantastic plugin respond.js in the <head> section of all your pages

    • 0