• Q&A
  • 회원가입
  • 로그인

[web] BS - Material Design 반응형 그리드 레이아웃 분기점 (Breakpoint)

1,205  

Material Design 반응형 그리드 레이아웃

Breakpoint Range (dp)

Portrait

Landscape

Window

Columns

Margins / Gutters*

0 – 359

small handset

xsmall

4

16

360 – 399

medium handset

xsmall

4

16

400 – 479

large handset

xsmall

4

16

480 – 599

large handset

small handset

xsmall

4

16

600 – 719

small tablet

medium handset

small

8

16

720 – 839

large tablet

large handset

small

8

24

840 – 959

large tablet

large handset

small

12

24

960 – 1023

small tablet

small

12

24

1024 – 1279

large tablet

medium

12

24

1280 – 1439

large tablet

medium

12

24

1440 – 1599

large

12

24

1600 – 1919

large

12

24

1920 +

xlarge

12

24

★ Margins (바깥여백) and gutters (열 간격)은 유동적이라 같은 사이즈일 필요 없음.
★ IOS 기기는 약간 다르니, 위 링크 가셔서 확인.


방문자 수

오늘 888
어제 2,320
최대 2,397
이달 41,199
전체 988,945
Since 2012