Can anyone shed light on why media queries are not functioning properly in Safari? Here is an example:
body {
background-color:black;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
body {
background-color:red;
}
}
@media screen and (max-width:860px) {
body {
background-color:yellow;
}
}
@media screen and (max-width: 600px) {
body {
background-color:orange;
}
}
This specific example(http://jsfiddle.net/crUVv/show) performs as expected in most browsers except for Safari.