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

4,092

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

코멘트입력

목록 글쓰기


분류	제목



talk	회원 님이 시골 조폭 No.2라면 어떻게 하시겠어요? 4

talk	윈도우10 - 키보드 (ㅈㄷㄱ) = (wer)키 입력 에러 증상

pc	윈도우10 - 작업표시줄 색깔(색상) 변경. (회색 → 남색)

ucc	김연아 비율 5

web	SQL - MySQL 5.7 my.cnf 파일 위치 + 도움말보기

pc	윈도우10 - 시작 메뉴 마우스오른쪽 메뉴에 제어판 메뉴 추가

pc	윈도우10 - 윈도우10 2004 (업데이트・업그레이드) 시, 0xc1900209 오류 해결

editplus	에디트플러스 (EditPlus) - HTML새문서 열기 (Ctrl + Shift + N)

web	크롬속도 (= 홈페이지 로딩속도 =접속속도) 빠르게.. (= 임시파일제거 = 쿠키제거 + 크롬캐시제거)

pc	윈도우10 - (버전 + 디바이스 사양) 확인

editplus	에디트플러스 (EditPlus) - 설정 백업 ★★★ (= 세팅 정보 저장 위치)

ucc	중고나라 사기모음

pc	윈도우10 - 시스템 (복원 지점 만들기 + 복원하기) ★ ※ 복원시점 설정

pc	윈도우10 - 내PC 원격접속 로그 체크 (= 내컴퓨터에 외부접속 여부 확인)

pc	윈도우10 - 숨김 (파일・폴더・드라이브・확장자) 표시・보이게 설정

editplus	에디트플러스 (EditPlus) - 탭 들여쓰기 설정 ★★★ (tab text-indent width) / …

pc	윈도우10 - 디바이스 변경 허용 여부 경고창 제거. (= 사용자 계정 컨트롤 설정)

money	애드센스 신청 자격 요건 (=구글 애드센스 시작하기)

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

pc	윈도우10 - 디스크 정리 ★ (windows.old 폴더 + 업데이트 파일) 삭제.

4/163

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

공지사항

최신글

최신댓글

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