가변 그리드 패턴(Fluid Grids)
- 가변성 있는 레이아웃을 이용해서 해상도에 최적화 시키는 기법
- 창의 크기가 줄어들면 그 부분의 영역도 함께 줄어들고 콘텐츠도 상황에 따라 변한다.
- 기본적인 비율로 그리드 적용
1. 구현
1) 최소 1000px 이상
2) 넓이 600~1,000px 사이
3) 최소 600px 이하
'Front-End > LayoutPattern' 카테고리의 다른 글
| [CSS] 오프 캔버스 패턴(off Canvas) (0) | 2016.12.19 |
|---|---|
| [CSS] 작은 변화 패턴(Tiny Tweaks) (0) | 2016.12.18 |
| [CSS] 레이아웃 시프트 패턴(Layout shifter) (0) | 2016.12.18 |
| [CSS] 단 드롭 패턴 (Column Drop) (0) | 2016.12.18 |
리딩리드