화면비 계산기
너비:높이와 알려진 치수를 입력하거나 CSS 모드에서 비율 박스를 만드세요. 16:9, 4:3, 1:1, 9:16, 21:9, 3:2, 2:3, 4:5와 선택적인 너비 및 최대 너비를 지원합니다. 실제 크기 모드는 너비와 높이 또는 대각선과 너비:높이 비율을 받습니다. 각 시나리오는 입력과 출력 단위가 독립적입니다. 픽셀은 비율을 나타내며 실제 길이가 아닙니다.
사용 방법
사용 방법
- 치수, CSS 또는 실제 화면 모드를 고르고 8개 기본 비율이나 양의 사용자 비율을 입력합니다.
- 알려진 치수, 지원하는 CSS 길이 또는 실제 크기/대각선과 단위를 입력하고 필요하면 시나리오를 추가합니다.
- 전체 결과를 계산합니다. CSS를 따로 복사하거나 고정 수치 보고서를 복사/저장합니다. 입력을 수정하면 이전 결과가 지워집니다.
숫자와 보고서
임의의 크기 상한 없이 양의 유한 소수를 받습니다. 빈 값, 지원하지 않는 모드/단위, 오버플로와 0으로의 언더플로를 거부합니다. 정수 비율 약분은 원본 십진 문자열과 정확한 정수 연산을 사용합니다. 실제 크기와 면적은 브라우저 부동 소수점 계산입니다. 보고서에 원본 문자열, 해석한 값, 단위, 모델 및 모든 전체 정밀도 결과를 보존합니다. 표시 수치는 실측값이 아닙니다.
안전한 CSS 길이와 미리보기
너비와 최대 너비는 100,000 이하 양수와 px, rem, em, %, vw, vh를 최대 24자로 입력합니다. 수식과 임의 CSS는 허용하지 않습니다. 빈 너비는 100%, 빈 최대 너비는 생략합니다. 높이/너비는 0.0001~10,000입니다. 정적 미리보기는 영역에 맞추며 입력 너비를 적용하지 않습니다. CSS는 4,096자까지입니다.
대체 구조
바깥 ratio-frame, 안쪽 ratio-box, ratio-content 구조를 사용하세요. 바깥쪽이 너비를 정합니다. 대체 박스는 height: 0, 높이/너비 × 100%의 padding-top과 absolute, inset: 0인 내용입니다. 지원 규칙은 높이를 auto, 여백을 0으로 돌리고 aspect-ratio를 적용합니다. 로컬에서 실행합니다.
실제 크기와 시나리오
각 시나리오에서 너비와 높이 또는 대각선과 비율을 고릅니다. 변환은 1 in = 2.54 cm = 25.4 mm, 1 ft = 12 in이며 면적은 출력 단위의 제곱입니다. 양의 픽셀 치수로 비율을 지정할 수 있지만 실제 크기를 구할 수 없습니다. 보고서 복사와 TXT는 같은 고정 결과를 담고 CSS 복사는 CSS만 담습니다.
자주 묻는 질문
더 알아보기
소수 비율도 허용하나요?
네. 양의 유한 소수를 허용하며 두 값 모두 정수일 때만 약분합니다.
바깥 프레임이 필요한 이유는?
퍼센트 여백은 포함 블록 너비를 사용합니다. 바깥 프레임이 사용자 너비나 최대 너비와 대체 방식을 맞춥니다.
미리보기에 너비 단위를 적용하나요?
아니요. 제한된 크기로 비율을 표시하고 생성 CSS에 검증한 길이를 넣습니다.
픽셀 치수로 대각선을 구할 수 있나요?
아니요. 너비:높이만 알 수 있습니다. 실제 너비와 높이 또는 실제 대각선을 입력하세요.
입력을 수정하면 어떻게 되나요?
이전 결과와 내보내기가 지워집니다. 다시 계산하여 새 고정 보고서를 만드세요.