Media query not working in IE9

by

Just in case anyone is crawling SO for an answer to this, the above two answers aren’t solving the core problem which is answered here – CSS media query not working in IE 9

Basically inline CSS3 media queries DO work in IE9 but you have to disable Compatibilty mode –

<meta http-equiv="X-UA-Compatible" content="IE=9">

The above meta tag needs to be placed before any other meta tags otherwise IE9 will default to compatibility mode on and will subsequently not work.

More Related Contents:

  1. What is the difference between max-device-width and max-width for mobile web?
  2. Media Queries: How to target desktop, tablet, and mobile?
  3. Why does the order of media queries matter in CSS?
  4. CSS @media print issues with background-color;
  5. Common breakpoints for media queries on a responsive site
  6. Should I use max-device-width or max-width?
  7. Media query to detect if device is touchscreen
  8. Common CSS Media Queries Break Points [duplicate]
  9. CSS media query to target only iOS devices [duplicate]
  10. What are the rules for CSS media query overlap?
  11. What does @media screen and (max-width: 1024px) mean in CSS?
  12. CSS native variables not working in media queries
  13. Gradients in Internet Explorer 9
  14. @Media min-width & max-width
  15. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  16. Does IE9 support CSS linear gradients?
  17. Which are the most important media queries to use in creating mobile responsive design?
  18. CSS media queries min-width and min-device-width conflicting?
  19. Background-size with SVG squished in IE9-10
  20. IE7, IE8 support for css3 media query [duplicate]
  21. calc() not working within media queries
  22. Max-Width vs. Min-Width
  23. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  24. iPhone X / 8 / 8 Plus CSS media queries
  25. How to control number of items per row using media queries in Flexbox?
  26. How do I combine two media queries?
  27. How can I avoid media query overlap?
  28. Media Query grouping instead of multiple scattered media queries that match
  29. Bootstrap – Removing padding or margin when screen size is smaller
  30. Media Queries – Mobile vs Desktop Browser

Leave a Comment