반응형 미디어 쿼리 작성시 html코딩

반응형 홈페이지 제작시 참고할 사항.. 

 

디바이스의 사이즈 감지하는 미디어 쿼리 작성할때 

min 으로 작성시 작은 픽셀 순서로  작성해야한다. 

 

@media all and (min-width:320px) {   }
@media all and (min-width:768px) {   }
@media all and (min-width:1024px){   }

 

min 을 사용할 때 크기가 작은 순서대로 작성해야 한다. 

min 은 최소 또는 해당픽셀이상이라는 뜻이므로

점차 커지는 것을 의미하기 때문에 작은 순서(320px)부터 큰 순서 (1024px)로 작성해야 한다. 

 

max 는 최대 또는 해당픽셀이하라는 뜻이므로

점차 작아지는 것을 의미하기 때문에 

max를 사용할 때는 큰 순서(1024px)부터 작은 순서(320px)로 작성해야 한다.