@media (min-width:) ve (max-width:) sorgu düzgün çalışmıyor

Question

Benim html sayfamı duyarlı sayfaya dönüştürmek için @media sorgusu kullanıyorum ama sayfamı duyarlı sayfaya dönüştürmek için sıkışmış durumdayım.

benim css Kanunu

ama benim tarayıcı genişliği 942px olduğunda background-color değişiyor içinde

@media(min-width:480px) and (max-width:959px) 
{ 
    body 
    { 
     background-color:red; 
    } 
} 

kullanıyorum. ve C123 kodum ne olursa olsun ben @media(min-width:480px) and (max-width:959px) için yazıyorum. CSS stili sadece (maksimum genişlik :) için çalışıyor.

Bu hatalar/sorunlar ile html sayfamı duyarlı sayfaya dönüştüremiyorum.

Answer 1

Kullanım daima duyarlı

@media screen and (max-width: 1024px){ 

    /*Your style put here*/ 

} 

@media screen and (max-width: 768px){ 

    /*Your style put here*/ 

} 

@media screen and (max-width: 640px){ 

    /*Your style put here*/ 

} 

@media screen and (max-width: 480px){ 

    /*Your style put here*/ 

} 

@media screen and (max-width: 360px){ 

    /*Your style put here*/ 

} 

@media screen and (max-width: 320px){ 

    /*Your style put here*/ 

}