나아가는 길에 발자국을 찍어보자

반응형 웹페이지를 만들기 위해 미디어 쿼리를 사용하여 화면 배치와 구성(css )을 수정하고 화면 크기를 감지하여 페이지에서 제공되는 기능의 종류(js)를 구별하였다. 모바일 화면 크기의 기준을 여러번 바꾸다가 화면을 돌리거나 탭으로 들어올수도 있다는 생각이들어 800px로 했다. 좀더 알아보니 페이지에 들어오는 브라우저의 종류를 따져 만들 수도 있다고 했지만 그렇기엔 복잡해질수도 있을것같아 화면 크기를 기준으로 잡았다. 1.미디어 쿼리 적용 (@media) @media(min-width:800px){ /*여기가 웹일때 폰트 크기 지정하는 곳이야 800px보다 화면이 크면 웹이라고 인식한다.*/ } min-width: 화면의 최소 넓이를 지정하는 것. 즉 화면의 넓이가 800px이상일때 적용. 시작 폰트..