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

3,998

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

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

코멘트입력

목록 글쓰기


분류	제목



talk	가입인사 ^^ 1

web	Lorem ipsum dolor sit amet. 활자 특징 쉽게 확인 위한 예제 글자

military	KF-21 전투기 항공전자/비행제어 (Avionics) 개발자 정체

talk	애드센스 수익.. 5

pc	Excel (엑셀) - 테두리 복사 없이 데이터만 (=값만) 드래그 자동채우기

pc	윈도우10 - Roaming (로밍) 디렉토리 경로 ※ AppData (앱데이터) 폴더 주소

web	네이버 웹마스터 등록 (= 네이버 검색기 SEO 최적화) + sitemap (사이트맵) 제출 시 주의사항

web	Dart (다트) 앱 코딩언어 소개 / Flutter (플러터) / Adroid Studio (안드로이드 스…

military	독도, 경찰이 지켜야 하나? 군대가 지켜야 하나?

laragon	Laragon (라라곤) - SSL (= 보안인증서 = https) 설치/사용

military	미국 육군 대학의 「부서진 둥지 (Broken Nest)」 전략에 (대만/일본/중국) 멘붕 !!

editplus	에디트플러스 (Editplus) - 작업 중 커서가 굵어진 경우 해결

military	충격!! 러시아 푸틴의 책사, 중국 분할 계획 도모. 시진핑 충격 !!

sports	이동경 시선으로 호주 선수들 속이는 센스 [국대축구]

money	광주광역시 시민(내국인+외국인) 1인당 10만원 지급 (22.01.17 ~ 02.18) ※ 그외 행정지역 「…

money	커버곡 유튜버 수익 창출 가능 여부

talk	카타르 월드컵 주제가 BTS 정국 Dreamers (드리머스) 가사 "Look who we are" 진실 …

talk	가입인사드립니다. 2

talk	8D TUNES (= 8D AUDIO / 8D MUSIC / 8D SOUND / 8D Encoding) 뮤직…

web	JQ - detach() vs. remove() 메서드 차이 예제

143/163

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

공지사항

최신글

최신댓글

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