Css media query aspect ratio

/* Minimum aspect ratio */
@media (min-aspect-ratio: 8/5) {
  div {
    background: #9af; /* blue */
  }
}

/* Maximum aspect ratio */
@media (max-aspect-ratio: 3/2) {
  div {
    background: #9ff;  /* cyan */
  }
}

/* Exact aspect ratio, put it at the bottom to avoid override*/
@media (aspect-ratio: 1/1) {
  div {
    background: #f9a; /* red */
  }
}

Source: developer.mozilla.org

Similar codes

-1 vote174 views1 answer
Most essential css elements
CSS
6 votes192 views4 answers
Backdrop filter css
CSS
179 votes286 views6 answers
Filter method
CSS
12 votes188 views2 answers
Css not first child
CSS
10 votes184 views2 answers
Css list items next to each other
CSS
42 votes166 views6 answers
Css transparent background color
CSS
3 votes182 views2 answers
Image overlay in css
CSS
0 vote174 views1 answer
Qgraphicsscene get viewport width
CSS
0 vote189 views1 answer
Uikit height 100%
CSS
0 vote186 views1 answer
How can i reset the paswd of my subrion admin panel
CSS