컨테이너 쿼리 도우미
부모 클래스, 컨테이너 이름, 임계값 및 고정 레이아웃을 선택하고 CSS를 복사하세요.
123456
사용 방법
사용 방법
- 유효한 ASCII CSS 식별자를 입력하고 임계값을 선택합니다.
- 자식 레이아웃의 열과 간격을 선택합니다.
- 로컬 크기 조정 미리보기를 확인하고 CSS를 복사합니다.
쌍으로 생성되는 CSS 계약
부모에 container-type: inline-size를 추가하고 자식 클래스용 이름 있는 @container를 생성합니다. 임의 CSS 본문은 받지 않습니다.
로컬 미리보기 범위
샘플 컨테이너는 100~1200px로 조절합니다. 브라우저가 지원하지 않으면 명확히 표시합니다.
자주 묻는 질문
더 알아보기
부모 선언은 무엇을 하나요?
부모를 inline-size 쿼리 컨테이너로 만듭니다.
내 CSS를 붙여넣을 수 있나요?
아니요. 임의 CSS 대신 고정된 안전한 레이아웃을 사용합니다.