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

4,118

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

코멘트입력

목록 글쓰기


분류	제목



life	보일러 물 분배기 밸브(valve) 교체 방법 + 필요한 (재료/도구/장비/연장) ※ 벨브

health	하루 7분! 허리둘레 5cm 줄어드는 허리 살 빼기 운동 따라하기

laragon	Laragon (라라곤) - PHP 버전 변경/업데이트/업그레이드

vote	이미 본 게시글 글씨색 변경 찬성 반대 설문투표 설문 중

talk	크롬 번역기능이 좀 불편해진 느낌이네요.

money	일반 키워드보단 세부 키워드를 활용하도록 하자.

talk	입는 이불 (=입는 담요) 소재 혹시 발암물질 ? (= 몸에 좋은 옷감 재질 소재 / 몸에 해로운 옷감 재질…

girl	팡팡스튜디오 초귀요미 누나, 배우 이희루 님

talk	2년 전에 산 시디즈 T50 AIR 의자 높낮이 제어 장치 고장 ㅡㅡ;

site	그누스터디 - 그누보드５・영카트5 관련 팁공유

talk	기막힌 네이버모두 사이트명 (naver, modoo)

web	PHP - 큰따옴표 작은따옴표 차이 ★★★★★

dance	보미 님 드라이 바람 맞으며 댄스

editplus	에디트플러스 (EditPlus) - 모두선택 (=전부선택) 단축키 (Ctrl + A)

talk	서버 이전 후기

life	삼성 갤럭시 스마트폰 배경화면 파일명 백업

laragon	Laragon (라라곤) - phpMyAdmin DB/디비/데이터베이스 그룹화 해제/끄기 (= databas…

web	JQ - 아작스 스크립트 외부링크 주소

autoset	Autoset (오토셋) - session_regenerate_id(): Session object dest…

laragon	Laragon (라라곤) - date.timezone (날짜 타임존 = 날짜시간대) 설정 방법

107/163

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

공지사항

최신글

최신댓글

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