css - 如何使用媒体查询知道视口(viewport)宽度是否大于其高度

Question

有没有办法在 css 中执行此操作？ @media screen and (min-width < min-height)

我开始编写一个前端库，我希望基于这种情况“响应式”。

Answer 1

检查方向

@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"
  }
}