UTILS.
100% 브라우저 내 실행

CSS 종횡비 박스

패딩 대체 코드가 포함된 반응형 종횡비 박스를 생성합니다.

이 도구에 대하여

너비와 높이 비율을 입력해 반응형 종횡비 박스를 생성하며, 최신 aspect-ratio CSS와 padding-top 백분율 대체 코드를 모두 제공합니다. 모두 브라우저에서 처리합니다.

자주 묻는 질문

padding-top 대체 코드를 포함하는 이유는 무엇인가요?
padding-top 백분율 기법은 최신 aspect-ratio 속성을 지원하지 않는 구형 브라우저에서도 고정 종횡비를 재현해 줍니다.
비율은 간단히 정리되나요?
네 — 16, 9 같은 값은 최대공약수로 약분되므로 1920 × 1080은 16 / 9로 표시됩니다.

더 많은 도구