반응형 웹 쉽게 설명하기

반응형 웹 쉽게 설명하기

떡판과 떡

화면은 떡판에 비유

DOM 은 떡에 비유

떡판의 사이즈에 따라 떡을 올릴 수 최대양이 정해짐

떡판이 넓어질 수록 떡을 더 많이 올릴 수 있음

반면 떡판이 좁아질 수록 떡을 더 적게 올릴 수 있음

10 cm 의 떡판에 1cm 의 떡을 한 줄로 10개 올렸다면 9cm 의 떡판은 1cm 의 떡을 한 줄에 9개 밖에 못 올림

남는 1cm 의 떡은 아래로 아래로 감

1cm 의 떡을 0.9 로 바꾼다면 10개를 올리고도 1cm 가 남음

아니면 남은 떡을 버려도 됨

이러한 방식으로 DOM 을 통제하는 것이 반응형 웹