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

In Bezug auf diese beiden Medienabfragen möchte ich fragen, ob die Breite eines Geräts genau 768 Pixel beträgt, welche Medienabfrage dann darauf anwendbar ist, oder die zweite Medienabfrage kann ausgedrückt werden als (x>=768&&x<1200???). Gibt es außerdem eine Reihenfolge für diese beiden Medienanfragen?