• 회원가입
  • 로그인
  • 구글아이디로 로그인

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

4,139  

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 AJAX 읽는 법
web ChatGPT 이용해 프로그램 제작 방법/절차/노하우
web PHP 버전별 주요이슈/새문법 (chatGPT AI 답변)
web HTML CSS JavaScript jQuery PHP SQL BootStrap 코딩언어 역할 쉬운 설명
web 사이트 커뮤니티 활성화시키는 방법 (chatGPT AI 답변)
web (다음/카카오) 외부 스크립트 사용 홈페이지 로딩 지연 에러 해결
web ASGI 서버 개념
web 웹 미래 - (앱 만들 필요 없어짐 / 비밀번호 없어짐)
web 공공API 사용법 가이드 (chatGPT AI 답변)
web 체에디터 (cheditor) gif 움짤 이미지 에러 해결책 (= animated gif image erro…
web 코딩 (제작의뢰/수주) 시, 반드시 (APM/빌더)버전 공유하기
web 사용자 입력값 받아 표시하기 시스템 이해하기
web 무료호스팅 사이트 모음
web Dart (다트) 앱 코딩언어 소개 / Flutter (플러터) / Adroid Studio (안드로이드 스…
web 파이썬(Python) 모드나 키보드인터럽트(KeyboardInterrupt) 모드에서 빠져나오기
web 리눅스 보안 업그레이드만 진행하기
web Apache log4j 취약점 대응 가이드
web CSS 핵심 3대장/삼대장 (찾기 → 수정 → 반영) = 찾아서 수정 후 변경사항 적용하기
web 선호하는 프로그래밍 언어별 연애 스타일
web (빌더/테마/스킨/플러그인) 제작 배포 시 필수 명시 사항
2/19
목록
찾아주셔서 감사합니다. Since 2012