css - 纵横比媒体查询是如何工作的？

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;
   }

}