반응형 반응형 웹사이트1 반응형 웹사이트(소스) 만들기 연습 반응형 웹사이트 만들기 연습(소스) 지난 시간에 미디어 쿼리 문법을 배웠습니다. [css] 미디어 쿼리, @media query 이해하기 간단한 연습 문제를 내 봤는데, 풀어 보셨는지요? 문제는 A화면에서, 480px 이하로 화면이 축소될 경우 B화면으로 바뀌는 미디어 쿼리를 작성하는 것이었습니다. (컴퓨터, 스마트폰 화면일 경우) A 화면 B 화면 우선 A 화면부터 작성해 보겠습니다~ html Home Guest Noitce 오른쪽 사이드바 본문 footer #side를 #contents 앞에 두었는데, B화면에서 #side가 먼저 오도록 하기 위함입니다. css #nav, #footer, #side {background-color:#FFE08C;} /*메뉴,사이드바,푸터 배경색 설정*/ #nav{ma.. 2015. 2. 5. 이전 1 다음 반응형