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

4,099

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

코멘트입력

목록 글쓰기


분류	제목



money	구글 애드센스 가입 신청, 가입 승인, PIN번호 2

web	도메인 A레코드 CNAME레코드 차이

pc	윈도우10 - 시스템 종료 속도 빠르게 설정. ★

web	HTTPS 적용 후 URL 주소창에 자물쇠 안뜰때 조치사항 (SSL 적용 후, http 찾기)

editplus	에디트플러스 (EditPlus) - 대문자로 변환 (Ctrl + U) , 소문자로 변환 (Ctrl + L) …

pc	윈도우10 - 기본 앱 변경. (예: 크롬을 기본 브라우저로 변경)

editplus	에디트플러스 (EditPlus) - 커서 앞뒤 글자 순서 변경 (Ctrl + T)

pc	윈도우10 - 백업/복원. (= 시스템 이미지 만들기) ★★★

money	구글 애드센스 광고 코드 생성법 + 애드센스 배너 크기 종류

pc	윈도우10 - 윈도우탐색기 좌측 사이드에 (휴지통・제어판) 추가

money	티스토리 블로그 티에디션에 구글 애드센스 광고 코드 넣는 법

pc	스타플레이어 크롬재생 오류(에러) 해결 (starplayer chrome play error)

pc	윈도우10 - 디스플레이 설정 + 해상도 변경

money	티스토리 블로그 본문 상단에 애드센스 광고 넣는 법

ucc	야동이 막힌다고 한다 - 어린 심해어 1

money	티스토리 블로그 본문 중간에 구글 애드센스 넣는 법 (=서식 생성법)

web	SQL - UNION (유니언) / UNION ALL (유니언올) 차이점 비교

pc	윈도우10 - 노트북 웹캠 차단 (= 해킹 예방 = 동영상 녹화 사생활 보호)

money	구글 애드센스 정책 위반 주요 사례

pc	윈도우10 - 디스크 관리 ※ 드라이브 인식 불가 해결 (= 드라이브명 짓기)

5/163

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

공지사항

최신글

최신댓글

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