본문 바로가기
반응형

반응형 웹사이트 만들기2

css로 반응형 웹사이트(화면 축소시 메뉴 사라지고 아이콘 등장) css로 반응형 웹사이트(화면 축소시 메뉴 사라지고 아이콘 등장) 미디어 쿼리를 이용하여 반응형 웹사이트 만들기를 해 보고 있어요. 미디어 쿼리, @media query 이해하기 반응형 웹사이트(소스) 만들기 연습 CSS로 반응형 웹사이트(소스) 만들기: 사이드바가 본문 아래로 떨어지게 이번 시간엔 1. 화면 480px 이하로 축소하면, 상단 메뉴바가 사라지고 2. 메뉴 아이콘이 새로 등장하며 3. 아이콘을 클릭했을 때 다시 메뉴가 등장하는 방법 을 배워 볼게요. A 화면 B 화면 C 화면 A화면 만들기 전체 html 소스 ↺ /*메뉴 아이콘*/ /*메뉴*/ Home ❘ Guest ❘ Notice 본문 /*본문 영역*/ 오른쪽 사이드바 /*사이드바 영역*/ footer /*푸터 영역*/ 그럼 하나씩 살펴.. 2015. 2. 6.
CSS로 반응형 웹사이트(소스) 만들기: 사이드바가 본문 아래로 떨어지게 CSS로 반응형 웹사이트(소스) 만들기: 사이드바가 본문 아래로 떨어지게 미디어쿼리를 이용한 반응형 웹사이트 만들기 연습해 보고 있어요. 지난 강좌를 읽고 오셔야 이해가 쉽습니다. [css] 미디어 쿼리, @media query 이해하기 반응형 웹사이트(소스) 만들기 연습 오늘은 지난 시간에 낸 연습 문제, 화면이 480px 이하로 축소될 때 본문 바로 밑으로 사이드 바가 떨어지게 만들어 보겠습니다. 또 480px 이하일 때, 사이드바를 없애는 법과, IE6,7,8에서 미디어쿼리를 적용하는 방법도 알아 볼게요 [소스 작성 순서] A 화면 만들기 -> B 화면 만들기 A 화면 B 화면 A화면 만들기 어제 배운 소스를 그대로 활용해서 몇 가지만 수정하면 됩니다. html Home Guest Noitce 본문.. 2015. 2. 6.
반응형