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

4,131

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

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

코멘트입력

검색목록 목록 글쓰기


분류	제목



web	순정(그누보드5・영카트5) vs (아미나 vs 나리야) 비교・차이점・선택 결정

web	글・이미지에 링크 걸기

web	핑 테스트로 도메인 서버 아이피 알아내기 (= 핑테스트 Ping, Domain, IP 확인)

web	네아로 (= 네이버 소셜로그인) 완전히 연결 해제 (= 접속 끊기)

web	익스플로러 https 접속 에러 이슈

web	코딩 프로그램 기본 원리 + 좋은 프로그램 조건

web	리눅스 보안 업그레이드만 진행하기

web	깃허브 (github) 사용법 - 소스버전관리

web	무료 홈페이지 제작툴 39개 소개 - By 노마드 코더 Nomad Coders 1

web	Tab(탭) vs Whitespace(공백) 차이점(장단점)

web	파일질라 특정확장자파일만 다운로드 (= 문서파일만 다운 = 용량 큰 첨부파일 제외 다운로드 = 특정파일 필터…

web	파일질라 (시스템파일・숨김파일・ 특정확장자파일・특정파일명파일・파일파일명포함파일) 숨김처리 (= NTUSER파…

web	파일질라 숨김파일 강제표시. (= 숨긴파일 보이기 = 안보이는파일 보이게)

web	https (SSL 보안인증서) 적용 고려사항 + (Letsencrypt + StarSSL + cloudfl… 2

web	기독교 천주교 성경API

web	요소짤림, 내용짤림 원인별 해결사항 (= 짤림방지 = 짤림해결, 짤림증상해결)

web	질문 유형별 의뢰수준 판단 ★

web	코드 찾는 방법 3가지

web	동영상 (녹화 + 편집) 프로그램 추천 + 유튜브 업로드가능 (파일확장자 + 파일사이즈) 지원내역

6/19

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

공지사항

최신글

최신댓글

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