Breaking News: Grepper is joining You.com. Read the official announcement!

css media query aspect ratio

Cookie_Wookie_7 answered on August 11, 2020 Popularity 9/10 Helpfulness 9/10

answer css media query aspect ratio

related aspect ratio css media query

css media query aspect ratio

Comment

/* 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 */
  }
}

Popularity 9/10 Helpfulness 9/10 Language css

Source: developer.mozilla.org

Tags: aspect-ratio css media

Link to this answer
Share Copy Link

Contributed on Aug 11 2020

Cookie_Wookie_7

0 Answers Avg Quality 2/10

Closely Related Answers

aspect ratio css media query

Comment

/* 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 */
  }
}

Popularity 9/10 Helpfulness 3/10 Language css

Source: developer.mozilla.org

Tags: aspect-ratio aspect-rat

Link to this answer
Share Copy Link

Contributed on Apr 17 2022

Cloudy Cheetah

0 Answers Avg Quality 2/10

css media query aspect ratio

Contents

More Related Answers

css media query aspect ratio

Closely Related Answers

aspect ratio css media query

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.