레이아웃 시프트 패턴(Layout shifter)
- 화면의 폭이 좁아져 더이상 표현이 힘들 때 단순히 단을 내리는 것이 아닌 레이아웃 자체에 변화를 주어 새로운 형태로 만듬
1. 구현
- order를 이용하여 크기에 따라 요소의 width를 변경하여 재배치
1) 1000px 이상
2) 600~1000px
3) 600px 이하
'Front-End > LayoutPattern' 카테고리의 다른 글
| [CSS] 오프 캔버스 패턴(off Canvas) (0) | 2016.12.19 |
|---|---|
| [CSS] 작은 변화 패턴(Tiny Tweaks) (0) | 2016.12.18 |
| [CSS] 단 드롭 패턴 (Column Drop) (0) | 2016.12.18 |
| [CSS] 가변 그리드 패턴(Fluid Grids) (0) | 2016.12.18 |
리딩리드