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

4,087

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

코멘트입력

검색목록 목록 글쓰기


분류	제목



web	유튜브 댓글 작성 특수기호 - (해시태그/재생시간링크/굵게/기울게/취소선)

web	CSS - 글자흐림(= 글자번짐) 원인

web	도메인 이름 짓는 법

web	순정(그누보드5・영카트5) vs (아미나 vs 나리야) 비교・차이점・선택 결정

web	토글 (toggle) - 하나의 버튼으로 on off 처럼 두 상태 중 하나를 선택 가능한 걸 말함.

web	무료 홈페이지 제작툴 39개 소개 - By 노마드 코더 Nomad Coders 1

web	TraceWatch 웹 통계 도구 설치하기

web	퓨니코드(Punycode) - 한글도메인을 영문도메인(=영문,숫자,하이픈조합도메인)으로 인식시키는 코드

web	SSH [secure shell] - 암호화된 원격 메세지 전송 시스템

web	SSO (싱글 사인 온 Single Sign On) - 여러 사이트를 하나의 아이디로 이용 가능한 시스템

web	Ie6부터 ie9까지 대응 (=익스플로러 하위 브라우저 호환 처리법)

web	홈페이지 조회수와 게시물 수 부풀리기

web	서버 - 우분투 패키지 설치 명령어 자동 yes하기 (apt-get install -y 프로그램명)

web	기독교 천주교 성경API

web	PHP 프로그램을 위한 템플릿 엔진

web	HTML - 폰트오썸4.7 (CDN 외부링크 주소 + 다운링크 주소 + 아이콘 주소)

web	불당썸 무료 다운로드 주소 및 적용법

web	노트패드 플러스에서 커서가 가로로 옆으로 누웠을 때 해결법 (= 커서 삽입 수정 전환법)

web	쇼핑몰 솔루션 제공 홈페이지 주소 모음

web	트래픽 아끼는 법 2 - 로봇들이 이미지 파일 등을 긁어가는 거 막는 법

12/19

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

공지사항

최신글

최신댓글

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