CSS - @media 查询

Question

/* 1024 and above desktop ------ */
@media only screen
and (min-width: 1008px){
    /* Styles */
    .outerBox{
        width: 796px;
    }

@media only screen
and (min-width: 600px)
and (max-width: 640px){
    /* Styles */
    .outerBox{
        width: 600px;
    }
}

上面的查询一起应用时似乎无法正常工作..因为只有第一个在同时应用时有效，如果我删除第一个，第二个就可以正常工作..

Answer 1

您的第一条规则缺少结束 :

/* 1024 and above desktop ------ */
@media only screen
and (min-width: 1008px){
    /* Styles */
    .outerBox{
        width: 796px;
    }
}