Make friends with Internet Explorer and "@media screen and"

Question

css

Faced with the fact that Internet Explorer below version 9 (not including it) does not understand such a thing:

@media screen and (min-width: 399px)

And it will not work to change CSS depending on the size of the screen (browser) of the user.

How to deal with it?

Answer 1

actually normal - not how, I see only one option, determine the width of the body with a java script and connect the necessary styles

Answer 2

You can use Respond . It, unlike CSS3 mediaqueries js , is still supported and weighs less.
The main thing is to include styles via link rel="stylesheet", not style, import , inline

Answer 3

Refuse IE < 9. Focus on modern browsers. Otherwise, we will sag for a long time for users with IE 6, 7, 8.