반응형 breakpoint에 대해 공부했다
MonthSub반응형 작업을 진행하는데 모바일 범위가 너무 넓고, 테블릿 범위여야 할 사이즈가 모바일로 속해있는 등 뭔가 어설펐다.. 지금까지도 그냥 되는대로 하거나 서치해서 찾은 걸 복붙해서 썼었는데
이번 기회에 제대로 이해하고 사용해야겠다는 생각이 들었다.
적혀있는 수치를 최소 사이즈라고 생각하면 편하다. (적힌 사이즈 ~ 다음 사이즈-1이 범위가 된다)
헷갈렸던 부분이 어떤 곳에선 768미만부터 모바일 사이즈로 범위를 잡는 경우도 있고, 480부터 잡는 경우도 있었는데 그럼 480~768까지는 어떤 범위일지 궁금했다. 그냥 모바일 가로 사이즈라고 생각하면 될 것 같다. 그래서 모바일을 좀 더 세밀하게 반응형을 적용하고싶을 때 480이하 분기를 한번 더 잡으면 된다.
maxWidth, minWidth도 항상 헷갈렸는데 max는 이하, min는 이상이라고 생각하면 편하다.
#프론트엔드