CSS의 미디어 쿼리 조건

Question

3 가지 차원에 대한 미디어 쿼리를 작성했습니다. Intial 스타일이 320 폭과

1. 이 320과가 1024px

   는 CSS는 초기 크기 320 ~ 완벽하게 작동하고

2. 768px
위의 또 다른 3 쿼리, 768px NAD 이상이 320 N. 하지만 1024px CSS가 적용되지 않습니다.

여기 내 CSS를 쿼리

@media (min-width: 320px) { 
For above 320px 
} 
@media (min-width: 1024px) { 
For 1024px; this is not applying 
} 
@media (min-width: 768px) { 
for 760px 
} 

Answer 1

세 번째 미디어 쿼리의 규칙은 항상 두 번째를 재정의합니다.

적용 가능한 경우 1024px가 768px를 무시하도록 마지막 두 개의 순서를 바꿔야합니다.

Answer 2

너는 너비 감소 순서로 넣으려고. 예 :

@media (min-width: 320px) { 
For above 320px 
} 

@media (min-width: 768px) { 
for 760px 
} 

@media (min-width: 1024px) { 
For 1024px; this is not applying 
} 

캐스케이드 스타일 시트는 위에서 아래로 읽습니다.