1@media only screen and (max-width: 600px) {
2 body {
3 background-color: lightblue;
4 }
5}
1/* Exact height */
2@media (height: 360px) {
3 div {
4 color: red;
5 }
6}
7
8/* Minimum height */
9@media (min-height: 25rem) {
10 div {
11 background: yellow;
12 }
13}
14
15/* Maximum height */
16@media (max-height: 40rem) {
17 div {
18 border: 2px solid blue;
19 }
20}
21