html5 - WEB Responsive, problèmes de requêtes multimédias.

Question

@media screen and (max-width:768px){
    body{
        background: lightgreen;
        .content{
            width: 700px;
            height: 1004px;
        }
    }
    
}


@media screen and (min-width:768px) and (max-width:1200px){
    body{
        background: lightgreen;
        .content{
            width: 1060px;
            height: 1900px;
        }
    }
}

Concernant ces deux requêtes multimédias, je voudrais demander si la largeur d'un appareil est exactement de 768 pixels, alors quelle requête multimédia lui est applicable, ou la deuxième requête multimédia peut être exprimée comme (x>=768&&x<1200???). Par ailleurs, y a-t-il un ordre pour ces deux enquêtes médiatiques ?

Answer 1

Oui, les deux correspondent, selon les règles normales d'empilement, c'est-à-dire que celui du dessous couvre celui du dessus.