我希望在css中特定宽度的屏幕分辨率？

Question

当我的屏幕分辨率在1250px到1350px之间时，我想要红色。 以下是我的代码：

    <style>
    @media screen and (max-width: 1250px){
    .navigation .menu .sub-menu .sub-menu {
    background-color: red;    
     }
    }
    </style>

Answer 1

没什么神奇的。你几乎只记下你想做的事情：

<style>
@media screen and (min-width: 1250px) and (max-width: 1350px){
.navigation .menu .sub-menu .sub-menu {
background-color: red;    
 }
}
</style>

Answer 2

首先，你已经在外部样式表中写了这个，你可以提到

@media screen and (min-width:1250px) and (max-width:1350px)

请求您尝试使用此

Answer 3

<style>
@media only screen and (min-width:1250px) and (max-width:1350px){
    .navigation .menu .sub-menu .sub-menu {
    background-color: red;  
  }
}
</style>