Safari ignoring css max-width media queries below a certain point

Question

I\'m working on optimizing a responsive site and Safari (both desktop and mobile) seems to be completely ignoring media queries below a certain point. I have code like the

Answer 1

@media rules are the same concept as normal css rules, the latest rule overwrites the first one. but if a rule is different it would not overrule it.

you could make a workaround by typing, this code would just interpreted by webkits

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* put webkit CSS here*/
}