반응형 디자인

요즘에는 웹사이트를 출력할 수 있는 디스플레이 장치가 굉장히 많다.

예전에는 컴퓨터만 웹사이트에 접속이 가능해서 많이 사용하는 컴퓨터 해상도로 맞추고 그 해상도에서 사용이 되지 않을시 원치않은 스크롤바가 만들어지는 문제가 있었다.

고정형 디자인

기본 예시

La-la, la-la-la, la-la-la, la, la La-la, la-la-la, la-la-la, la, la 어두운 밤보다 낮이 무서워져 빛이 닿지 않는 내 방이 익숙해져 하나씩 Am I just crazy or dreamin’ awake? 이제는 I can’t escape 반복된 하루에 무뎌져가, oh I, no 눈을 가려, demons in the night Paranoia, don’t you look behind Oh my, my, my, 난 숨겨져 있길 원해 Don’t ma, ma, mind, 아무도 찾지 못하게 You can run, you can hide but they always find 번져가 in your heart, they live in the dark La-la, la-la-la, la-la-la (uh) 빛 하나 없는 공간 어둠이 올 때 표정따윈 다 사라져 또 이렇게 끊임없이 들려와 지독한 밤 Wasn’t with me back then but they right here now 날 찾아오는 악몽에 Nightmares make me go insane 까맣게 짙어진 밤 내 맘속에 있는 monster Alone in the dark 눈을 가려, demons in the night Paranoia, don’t you look behind Oh my, my, my, 난 숨겨져 있길 원해 Don’t ma, ma, mind, 아무도 찾지 못하게 You can run, you can hide but they always find 번져가 in your heart, they live in the dark La-la, la-la-la, la-la-la, la, la La-la, la-la-la (they live in the dark) La-la, la-la-la, la-la-la, la, la La-la, la-la-la 턱 끝까지 차오르는 숨이 날 깨워, I, I, I, I wanna 더럽혀진 생각은 이미 번져가, I, I, I don’t wanna Ah, ah, I, I, don’t wanna Ah, ah, I, I, don’t wanna Ah, ah, I, I, don’t wanna Ah, ah Oh my, my, my, 깨지 않는 악몽같이 Don’t ma, ma, mind 파고들어 더 깊숙이 You can run, you can hide but they always find 번져가 in your heart, they live in the dark La-la, la-la-la, la-la-la, la, la La-la, la-la-la (they live in the dark)

이런식으로 원치 않는 스크롤바가 생성된다.

핸드폰부터 5K 디스플레이까지 웹사이트 화면을 보여주는 디자인을 반응형 디자인이라고 한다.

이 때는 고정폭이 아닌 변동폭으로 사이즈를 설정하여 반응형 디자인을 만들 수 있다.