I use CSS media queries on my site. They all look like this:
@media screen and (max-width:959px) and (min-width:481px) {
/*some styles */
}
To make it work in IE8 I use Respond.js. But it works with some mistakes. If I use any common styles which I've never determined in any @media, IE doesn't show them.
body {background-color:#ABC;}
IE will not show this style if I've been already used any media query where I've determined style for <body>
tag. So if I want to make previous style common I should write it for all media queries. What's wrong?