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

4,103

https://material.io/design/layout/responsive-layout-grid.html#breakpoi… (3265)

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

코멘트입력

목록 글쓰기


분류	제목



site	네이버 2단계 인증 로그인 설정 중 네이버앱 삭제한 경우 조치

web	홈페이지 무료제작

editplus	에디트플러스 (EditPlus) - 괄호 짝 (생성/강조표시) ★ ※ 따옴표짝 자동입력 해제

talk	구글 모바일 우선 검색 노출 전략 vs 네이버 무료 모바일 홈페이지 배포 2

pc	윈도우10 - 클린 부팅 (Clean Booting)

talk	이 게시글은 미성년자 관람불가

talk	애드센스 수익금 출금 금액 상향조정 해놓으세요.

military	중장기 미래 전장을 누빌 대한민국 군사 무기 퍼레이드 (전투기 + 헬기 + 무인기 + 조기경보기 등)

talk	목요일 부터 출근합니다~ 백수탈출 1

talk	구글 단축 서비스 (goo.gl) 중단, - 구글, 너 마저 이럴 줄은... ㅡㅡ;

web	스킨, 테마, 빌더, 플러그인, 코어 차이점 (= 개념비교) 1

money	구글애드센스 자동광고해제 / 자동광고설정

web	스크래핑(scraping), 크롤링(crawling), 파싱(parsing) 개념 정의 차이

life	방문/화장실문 잠긴 경우 열쇠 없이 열기 (= 여는 방법)

ucc	과장님의 사유서 1

editplus	에디트플러스 (EditPlus) - 현재시각 (= 현재시간) 입력 단축키 (Ctrl + M)

web	코드펜 같은 웹 개발 도구 사이트 모음 ※ 코딩 결과물 바로 확인 + Emmet 에밋 (= 빠른코딩/단축코딩…

editplus	에디트플러스 (EditPlus) - 실행취소 단축키 (Ctrl + Z), 재실행 단축키 (Ctrl + Y)

sports	고소공포 극복한 다이빙부 여학생들 [다이빙]

talk	월드컵 국대 축구 유니폼 빨간색 너무 안 좋네요. ㅡㅡ;

19/163

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

공지사항

최신글

최신댓글

운영비 후원해주신 분 리스트