mediaQuery.css

body {    
    background:black;
} 
/*-- 上記以外 -*/
@media screen and (max-width: 1024px) {
    body {
        background-color:olive;
    }
}
/*-- 768px以下はタブレット&スマホ 基本これのみでよさそう--*/
@media screen and (max-width: 768px) {
     body {
        background-color:blue;
    }
}
@media screen and (max-width: 480px) {
    body {
        background-color:cyan;
    }
}
@media screen and (max-width: 320px) {
    body {
        background-color:gold;
    }
}