如果窗口在css中比宽高，有没有办法进行媒体查询?(任何设备的纵向与横向)

Question

如果CSS中的窗口比它宽，是否有方法进行媒体查询？任何设备的纵向与横向排序。

我知道这对javascript来说很容易，但我正在寻找一个只支持CSS的解决方案。

Answer 1

这将选择宽度大于320且小于767且方向仅为横向的设备。

@media screen and (min-width: 320px)and (max-width: 767px)and (orientation: landscape) {}

另一个要按高度和宽度组合进行选择的示例：

@media (max-width: 320px) and (min-height: 400px) and (max-height: 812px) {}

尽管更好的用途是根据问题在您的情况下使用定向