코딩은 max-width값으로, 기준화면은 min-width값으로
- 4개의 반응형 분기점
/* 노트북 & 작은 PC ( [1025px] ~ 1280px )*/
@media all and (max-width:1280px) { }
/* 태블릿 ( [768px] ~ 1024px )*/
@media all and (max-width:1024px) { }
/* 모바일 & 태블릿 ( [480px] ~ 767px )*/
@media all and (max-width:767px) { }
/* 모바일 ( [320px] ~ 479px )*/
@media all and (max-width:767px) { }
- 3개의 반응형 분기점
/* 노트북 & 작은 PC ( [1025px] ~ 1280px )*/
@media all and (max-width:1280px) { }
/* 태블릿 ( [768px] ~ 1024px )*/
@media all and (max-width:1024px) { }
/* 모바일 ( [320px] ~ 767px )*/
@media all and (max-width:767px) { }