반응형 웹 페이지 디자인 - 소개

반응형 웹 페이지 디자인이 무엇인가요?

모든 장치에서 잘 보이는 웹 페이지를 만들 수 있는 반응형 웹 디자인입니다.

반응형 웹 디자인은 단순히 HTML과 CSS만을 사용합니다.

반응형 웹 디자인은 프로그램이나 JavaScript가 아닙니다.

모든 사용자에게 최상의 경험을 제공하는 설계

웹 페이지를 볼 수 있는 여러 가지 장치가 있습니다: 데스크톱, 태블릿, 휴대폰. 어떤 장치를 사용하든, 웹 페이지는 아름다워야 하며 사용하기 쉬워야 합니다.

작은 장치에 맞추기 위해 정보를 버리지 말고, 모든 장치에 맞게 내용을 맞추어야 합니다:


데스크톱 컴퓨터

태블릿

휴대폰

CSS와 HTML을 사용하여 크기를 조정하고, 숨기고, 줄이고, 확대하고, 이동하여 모든 화면에서 잘 보이도록 만드는 것을 반응형 웹 디자인이라고 합니다.

아래의 예제를 이해하지 못하셨다면 걱정하지 마세요. 다음 장에서는 단계별로 코드를 분석하겠습니다:

직접 시도해보세요