Media Queries – Mobile vs Desktop Browser

There are a lot of medias out there, and if you want to select only by its properties, use the all keyword:

@media all and (max-width:480px)
{
    /* Styles */
}

Edit:

Combine rules with or:

@media all and (prop1:val1), all and (prop2:val2)
{
    /* Styles */
}

Combine rules with and:

@media all and (prop1:val1) and (prop2:val2)
{
    /* Styles */
}

Leave a Comment