mediaQuery2.css

/*--デスクトップサイズ--*/
body {    
    background:black;
    color:#ffffff;
} 

#pcSize{
    font-size:250%;
    display:block;
}
#tabSize{
    font-size:250%;
    display:none;
}
#smartSize{
    font-size:250%;
    display:none;
}

/*--主にタブレットサイズ--*/
@media screen and (max-width: 1024px) {
    body {
        background-color:olive;
    }
    #pcSize{
        font-size:250%;
        display:none;
    }
    #tabSize{
        font-size:250%;
        display:block;
    }
    #smartSize{
        font-size:250%;
        display:none;
    }
}
@media screen and (max-width: 768px) {
    body {
        background-color:blue;
    }
    #pcSize{
        font-size:250%;
        display:none;
    }
    #tabSize{
        font-size:250%;
        display:block;
    }
    #smartSize{
        font-size:250%;
        display:none;
    }

}
/*--主に下記スマホ--*/
@media screen and (max-width: 480px) {
    body {
        background-color:cyan;
    }
    #pcSize{
        font-size:250%;
        display:none;
    }
    #tabSize{
        font-size:250%;
        display:none;
    }
    #smartSize{
        font-size:250%;
        display:block;
    }

}
@media screen and (max-width: 320px) {
    body {
        background-color:gold;
    }
    #pcSize{
        font-size:250%;
        display:none;
    }
    #tabSize{
        font-size:250%;
        display:none;
    }
    #smartSize{
        font-size:250%;
        display:block;
    }
}