एक प्रश्नोत्तरी स्टाइलशीट में मीडिया क्वेरी अंतर स्क्रीन आकार

Question

हैलो मेरे पास यह स्क्रिप्ट है और मुझे स्क्रीन आकार 1600 पीएक्स background-color लाल था और जब स्क्रीन का आकार 1366 पीएक्स background-color काला था, लेकिन मेरा कोड काम नहीं करता था, तो मीडिया क्वेरी केवल काम करती है 1600 पिक्सल

एचटीएमएल

<div> 

</div> 

सीएसएस

div{ 
    width:100%; 
    height:100%; 
    background-color:grey; 
} 

@media screen and (max-width:1366px){ 
    div{ 
     background-color:black; 
    } 
} 

@media screen and (max-width:1600px){ 
    div{ 
     background-color:red; 
    } 
} 

Answer 1

दूसरा शैलियों पहले एक के ऊपर लिख। ऑर्डर बदलें। यह काम करेगा।

div{ 
width:100%; 
height:100%; 
background-color:grey; 
} 

@media screen and (max-width:1600px){ 
    div 
    { 
    background-color:red; 
    } 
} 

@media screen and (max-width:1366px){ 
    div 
    { 
    background-color:black; 
    } 
} 

DEMO