티스토리 뷰

CSS

[CSS] 레이아웃

레이아웃

다양한 디바이스에 따라 다양한 레이아웃의 유형을 배웁니다.


레이아웃의 종류

고정형 레이아웃(Fixed Layouts)

사이즈가 정해져 있는 고정형 레이아웃입니다. 사이즈가 정해져 있기 때문에 브라우저의 너비를 줄이면 스크롤바가 나타납니다.

유동형 레이아웃(Fluid Layouts)

사이즈가 화면 크기에 따라 변하는 레이아웃입니다. 화면 크기에 따라 변하지만 브라우저 너비가 작아지면 가독성에 문제가 생깁니다.

적응형 레이아웃(Adaptive Layouts)

특정한 디바이스에 따라 고정된 레이아웃을 설정하는 레이아웃입니다. 즉 각각의 디바이스에 따라 고정된 레이아웃 형태로 레이아웃이 변경됩니다.

반응형 레이아웃(Responsive Layouts)

화면 크기에 따라 레이아웃을 유연하게 조정하고 CSS 미디어쿼리를 사용한 복합적인 레이아웃입니다.


공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼