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

4,152

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

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

코멘트입력

목록 글쓰기


분류	제목



dance	Ai 소녀의 제로투 댄스

dance	모모랜드 연우 대항마 댄스 영상 - Conqueror (컨쿼러 : 정복자)

girl	에이프릴 진솔 님 체크무늬 미니스커트 패션 (APRiL - JiNSOL Mini Skirt)

talk	안녕하세요...^^ 9

money	네이버가 검색 경쟁력 강화 위해 웹문서 노출을 늘린다네요.

autoset	Autoset (오토셋) - DB명 (= 데이터베이스 이름) 변경

military	F-14 (톰캣) - 미국 4세대 전투기 3D 전투영상 (영화 「탑건」전투기)

talk	랜섬웨어로 삥뜯는 해커를 해킹한 개발자

pc	홈페이지 사이트 아이피 알아내기 (= 도메인 아이피 확인 homepage, ip, check)

web	HTML - <marquee> 요소 안의 내용 자동 스크롤 이동 (HTML5에서 폐기)

girl	드래곤볼 「인조인간 18호」 닮은 브브걸 단발좌 「유나」

web	mwb - 배추베이직 BC코드 (=글쓰기특수코드 = 비씨코드 = 비시코드)사용법 (miwit, mw.basi…

money	기업은행은 월~금 (오전9시 ~ 오후 4시)까지만 영업합니다.

vote	독일과 브라질의 정신적 충격 (=데미지) 어디가 더 클까? 설문 중

money	구글애드센스 자동광고 효과

health	잃어버린 또는 원래 없던 복근과 골반 3주만에 찾기

ucc	100억 소녀 펑티모 방송인프라, 방송준비, 방송진행 노하우 배우기

military	K-30 비호복합 대공자주포 (드론 때려잡는 무기) - 대공실사격 훈련

life	LG U+tv 리모컨 (TV + 셋톱박스) 전원 동시 켜기 + 비작동 오류 해결

ucc	남친과 예배 데이트 중 급똥 마려운 누나 [웹드라마]

53/163

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

공지사항

최신글

최신댓글

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