html5 - WEB responsif, isu pertanyaan media.

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

Berkenaan dua pertanyaan media ini, saya ingin bertanya sama ada lebar peranti adalah betul-betul 768px, maka pertanyaan media manakah yang berkenaan dengannya, atau pertanyaan media kedua boleh dinyatakan sebagai (x>=768&&x<1200???). Juga, adakah terdapat sebarang perintah untuk kedua-dua pertanyaan media ini?

Answer 1

Ya, kedua-duanya akan sepadan, mengikut peraturan susun biasa, iaitu, yang di bawah meliputi yang di atas.