반응형
목록2022/11/18 (1)
내일을 위한 오늘
[웹개발#10] 반응형 웹을 만드는 방법 정리
반응형 웹이란? 반응형 웹 Responsive Web 이란 컴퓨터, 태블릿, 스마트폰 등의 여러 디바이스 환경에 따라 웹페이지의 구성이 적절하게 배치되도록 설계된 웹디자인 기법입니다. 그렇다면, 반응형 웹을 만드는 방법은 어떤 것들이 있을까요? 1. 미디어 쿼리를 이용한 방법 첫 번째로 소개할 방법은 가장 많이 사용되는 방법 중 하나인 CSS 미디어 쿼리를 이용한 방법입니다. 일반적으로 아래와 같은 css 코드를 이용합니다. @media 미디어 타입 (너비 및 높이) { (CSS 입력) } 이 방법의 장점은 하나의 HTML 코드만으로 여러 타입의 웹페이지를 분기하여 구성할 수 있다는 점입니다. 전형적인 PC 웹에서부터, 태블릿, 모바일 등을 모두 아우를 수 있는 멋진 방법이라고 할 수 있습니다. 유용한 ..
IT·컴퓨터
2022. 11. 18. 05:30
728x90
반응형