CSS 스터디

출처

반응형 웹 공부 참조 블로그

링크 1

/* 스마트폰 세로 360px 이상  */

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

}

/* 스마트폰 가로/태블릿 세로 */

@media all and (min-width:361px) and (max-width:960px) {

}

/* 태블릿 가로 너비 961px ~ 1280px 이하일 때 */

@media all and (min-width:961px) and (max-width:1280px) {}

/* 웹 128px 이상 */

@media all and (min-width:1281px) {}

위 블로그 내용을 참조한것인데, 겹치는 '공간'은 없지만,내용에 따라서 겹치는 '내용'이 생길수도 있다.

따라서, 디자인에 주의해야겠다.