🍋 Design Tools
반응형 브레이크포인트
반응형 브레이크포인트 참조 가이드
chars
words
sentences
lines
Breakpoint Options
결과
결과
반응형 브레이크포인트 소개
주요 CSS 프레임워크와 디바이스의 반응형 브레이크포인트를 참조합니다. 미디어 쿼리 코드를 생성합니다.
작동 방식
프레임워크(Tailwind, Bootstrap 등)를 선택하면 해당 브레이크포인트 값과 미디어 쿼리 코드를 표시합니다.
단계별 사용법
- 1 [
- 2 '
- 3 C
- 4 S
- 5 S
- 6
- 7 프
- 8 레
- 9 임
- 10 워
- 11 크
- 12
- 13 선
- 14 택
- 15 '
- 16 ,
- 17
- 18 '
- 19 브
- 20 레
- 21 이
- 22 크
- 23 포
- 24 인
- 25 트
- 26
- 27 값
- 28
- 29 확
- 30 인
- 31 '
- 32 ,
- 33
- 34 '
- 35 미
- 36 디
- 37 어
- 38
- 39 쿼
- 40 리
- 41
- 42 코
- 43 드
- 44
- 45 복
- 46 사
- 47 '
- 48 ]
팁
- [
- '
- 콘
- 텐
- 츠
- 기
- 반
- 으
- 로
- 브
- 레
- 이
- 크
- 포
- 인
- 트
- 를
- 결
- 정
- 하
- 세
- 요
- '
- ,
- '
- 디
- 바
- 이
- 스
- 기
- 반
- 보
- 다
- 콘
- 텐
- 츠
- 기
- 반
- 이
- 더
- 미
- 래
- 지
- 향
- 적
- 입
- 니
- 다
- '
- ]