html5 – Responsive WEB, Probleme mit Medienabfragen.

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

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?

Answer 1

是的，两个都会匹配到，按正常层叠规则算，也就是下面的覆盖上面的。