CSS 기본부터 적용하기 1. 반응형 vs 적응형 - 반응형 : 모바일, 태블릿, pc 등 화면의 크기가 모두 다른데 뷰포트의 크기에 따라 화면을 조절하는 것 - 적응형 : 모바일, 태블릿, pc 등 화면에 맞춰 따로 만들어서 보여주는 것 2. 반응형 적용하기 - @media mediatype and (조건) {적용할 css} ex) 미디어타입 : screen / 조건 : 뷰포트 최대 화면이 400px 일 때까지 적용 (=max width) ex) 조건 : orientation : landscape 사용하기 --> 가로가 세로보다 길어질 때 (즉, 가로화면으로 될 때) 3. break 구간 설정 - 뷰포트를 모바일, 태블릿, pc 화면 크기만큼 break를 걸어 동작하게 하자 - 모바일퍼스트 : 작은 b..
