Hegith specific css in media query

Media query

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Hegith specific css in media query

/* Exact height */
@media (height: 360px) {
  div {
    color: red;
  }
}

/* Minimum height */
@media (min-height: 25rem) {
  div {
    background: yellow;
  }
}

/* Maximum height */
@media (max-height: 40rem) {
  div {
    border: 2px solid blue;
  }
}

Source: developer.mozilla.org

Similar codes

55 votes369 views6 answers
Css margin
CSS
0 vote350 views1 answer
Sub menu disappears on hover css
CSS
42 votes345 views6 answers
How to change font color in css
CSS
0 vote374 views1 answer
Css apply style to direct children
CSS
0 vote374 views1 answer
CSS class inheritance
CSS
0 vote355 views1 answer
How to scale down background image in css
CSS
5 votes341 views3 answers
Repeat method
CSS
0 vote419 views1 answer
Quitar borde a un boton css
CSS
0 vote403 views1 answer
Can I use placeholder in <input type="time"/>
CSS
2 votes396 views2 answers
Display none transition
CSS