SheepDev

CSS 단위 계산

CSS 단위 계산에서 기준 글꼴·viewport를 명시해 px·rem·em·vw·vh 변환합니다.

CSS 단위 계산

⌂ 입력과 결과는 이 브라우저 안에서 처리되며 자동 저장되거나 전송되지 않습니다.

설정
입력 대기

입력 및 조건

설정

출력

입력 대기

전체 텍스트 결과

사용 방법

원본·대상 단위와 루트 글꼴·요소 기준 글꼴·뷰포트 크기를 지정합니다.

16px가 항상 1rem은 아닙니다. 사이트 CSS를 읽지 않으므로 실제 계산 스타일과 글자 확대 표시도 확인하세요.

예

16

원리와 제한

각 입력은 1,048,576바이트, 출력은 33,554,432바이트, 처리 시간은 5,000밀리초까지입니다. 입력을 알리지 않고 자르지 않습니다.

가이드

관련 도구

숫자·단위·비트

비율·화면비

비율·화면비에서 정수 비를 약분하고 화면비 확인합니다.

Web·UI·CSS

Flexbox·Grid 생성

Flexbox·Grid 생성에서 Flexbox·Grid 설정에서 레이아웃 CSS 생성·미리보기합니다.