宽高比媒体查询如何工作？

Question

我在查找有关此主题的信息时遇到了一些麻烦。似乎min和max与它一起使用并且我感到困惑，因为min或max意味着变化，如果比率的一部分被改变，它将不是一个比率。有些人可以解释这一点并澄清这种混乱，这也是许多人在没有资源的情况下使用的东西，还有其他更好用的东西吗？

@media screen and (aspect-ratio: 16/9){
         background-color: blue;
}

Answer 1

你没有选择器 - 它必须是

@media screen and (aspect-ratio: 16/9){

   body{
         background-color: blue;
   }

}