CSS에서 단위를 표현하는 방법은 무엇입니까? CSS의 단위 메소드

이 기사가 제공하는 내용은 특정 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

px: 절대 단위, 페이지가 정확한 픽셀로 표시됩니다.

em: 상대 단위, 참조 지점은 상위 노드의 글꼴 크기이며, 글꼴 크기를 정의하면 자체적으로 계산됩니다( 브라우저 기본 글꼴은 16px), 1em은 전체 페이지 내에서 고정된 값이 아닙니다.

rem: 루트 노드 HTML의 글꼴 크기를 기준으로 계산되는 "루트 em"으로 이해될 수 있는 상대 단위 HTML, CSS3 새 속성, chrome/firefox/IE9+ 지원

vw: 시점 너비, 창 너비, 1vw 창 너비 1%와 같습니다.

vh: 시점 높이, 창 높이, 1vh는 창 높이의 1%와 같습니다.

vmin: vw와 vh 중 더 작은 것입니다.

vmax: vw와 vh 사이의 더 큰 것입니다.

vw, vh, vmin, vmax: IE9+ 부분 지원, chrome/firefox/safari/opera 지원, ios safari 8+ 지원, android browser4.4+ 지원, android39용 chrome 지원

%: 백분율

in: 인치

cm: 센티미터

mm: 밀리미터

pt: 포인트, 약 1/72인치

pc: 파이카, 약 6pt, 1/6인치

ex: 현재 효과의 글꼴 x 높이를 사용 , in x 높이를 결정할 수 없는 경우 0.5em으로 계산됩니다(IE11 이하에서는 지원되지 않음, firefox/chrome/safari/opera/ios safari/android browser4.4+ 등 모두 속성과 접두사가 필요함)

ch: 노드 기준 사용된 글꼴의 "0" 문자를 벤치마크로 사용합니다. 찾을 수 없으면 0.5em입니다. (ie10+, ch

위는 CSS에서 단위를 표현하는 방법인가요? CSS의 단위 메소드 소개, 더 알고 싶다면 CSS 비디오 튜토리얼을 보려면 PHP 중국어 웹사이트

을 따르세요.

위 내용은 CSS에서 단위를 표현하는 방법은 무엇입니까? CSS의 단위 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!