CSS tricks for IE like media screen does not work properly

Question

I have read that @media screen and (max-width: 800px) should work for IE normally but in IE8 it doesn't work. Does anyone know how to fix it? change it? or make different syntax?

I also tried @media screen\0 and (max-width: 800px) and different possibilities

CSS3 is not supported by IE8 or less...you can do some polyfills...the question is why do you even want it to be Responsive on IE8? — Riskbreaker, May 28 '14 at 14:21
my boss has strict standards everything should work everywhere anytime iam not even trying explain it to him anymore :DD I quess ill try grab some js — user3051762, May 28 '14 at 14:24
For IE8 ,usually it is javascript use to toggle a class to body so different style can be applied — G-Cyrillus, May 28 '14 at 14:27

score 1 · Accepted Answer · answered May 28 '14 at 14:25

1

If you want to increase the backwards comparability of your responsive design, such as for browsers like ie8 or ie6 - you need to add some script such as respond.js which enables responsive web designs in browsers that don't support CSS3 Media Queries.

answered May 28 '14 at 14:25

b_uk_happy

478
4
13

does not work in IE 8 :D but thx anyway – user3051762 May 28 '14 at 14:36
It does. I use it all the time. The very definition of the script is "A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)" - read me: http://www.javascriptoo.com/respond-js/readme – b_uk_happy May 28 '14 at 14:38

CSS tricks for IE like media screen does not work properly

1 Answers1