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 기기는 약간 다르니, 위 링크 가셔서 확인.