/CSS/What is a max and min width media query

What is a max and min width media query

Media query min and max

/* Max-width */
@media only screen and (max-width: 600px)  {...}

/* Min-width */
@media only screen and (min-width: 600px)  {...}

/* Combining media query expressions */
@media only screen and (max-width: 600px) and (min-width: 400px)  {...}

Min and max width media query

@media (max-width: 989px) and (min-width: 768px) {}

Css media screen

@media (max-width: 991px){
    .mobile{
        display: block;
    }
}

What is a max and min width media query

/* What this query really means, is If [device width] is less than or equal to 600px, then do */
@media only screen and (max-width: 600px)  {...}

/* What this query really means, is If [device width] is greater than or equal to 600px, then do */
@media only screen and (min-width: 600px) {...}

Similar codes

0 vote132 views1 answer
Grandezza caratteri css
CSS
2 votes115 views1 answer
Underline css animation hover
CSS
1 vote122 views2 answers
Textarea scale to content
CSS
0 vote220 views1 answer
Remove materialize style input
CSS Materialize
0 vote122 views1 answer
Tipografias family style para css y html
CSS
0 vote124 views1 answer
What is a trailling widget in flutter
CSS
1 vote129 views1 answer
Bootstrap ol
CSS
0 vote151 views1 answer
Look and Feel
CSS
85 votes118 views6 answers
Color code green
CSS
22 votes118 views4 answers
Centering with flexbox
CSS