How to know if the viewport width is greater than its height using a mediaquery

Question

is there a way to perform this operation in css ? @media screen and (min-width < min-height)

I started writting a front-end library and I want "responsive" based on this condition.

Answer 1

Check for the orientation

@media all and (orientation: landscape) {
  body:after {
     content: "width is greater than height"
  }
}

@media all and (orientation: portrait) {
  body:after {
     content: "height is greater than width"
  }
}