>웹 프론트엔드 >CSS 튜토리얼 >CSS3의 새로운 단위는 무엇입니까? 최신 CSS3 새 유닛에 대한 자세한 설명

CSS3의 새로운 단위는 무엇입니까? 최신 CSS3 새 유닛에 대한 자세한 설명

云罗郡主
云罗郡主앞으로
2018-10-29 14:49:222437검색

CSS3의 새로운 단위는 무엇인가요? 이제 막 CSS3를 접한 많은 친구들이 이런 질문을 할 것이라고 믿습니다. 이 장에서는 CSS3의 새로운 단위가 무엇인지 소개할 것입니다. 최신 CSS3 새 유닛에 대한 자세한 설명. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

몇 가지 새로운 단위가 css3에 도입되었습니다:

ch: 문자 0(영)의 너비

rem: 루트 요소(html 요소) ) 글꼴 크기;

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

vh: 시점 높이, 창 높이, 1vh는 창 높이 1% of;

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

vmain: vw와 vh 중 더 큰 것입니다.

deg-angle

분명히 vw, vh 및 vmin은 모바일 장치용입니다. 창 크기가 변경되면 이 세 가지 값도 그에 따라 변경됩니다.

rem 단위는 px+em의 변형처럼 느껴집니다. 사용할 가치가 있는지 여부는 자신의 선택에 달려 있습니다. px만큼 정확하지도 않고 em만큼 유연하지도 않습니다. px보다 유연하고 em보다 정확합니다. ~~...XD...

글꼴 크기가 정의되지 않으면 어떻게 되나요?

사실 걱정하지 마세요. 각 브라우저에는 전례 없는 기본 글꼴 크기인 16px;가 있으므로 스타일에서 글꼴 크기의 초기 값을 정의하는 것을 잊어버린 경우에도 가능합니다. 파일을 사용하더라도 안심하고 em을 사용할 수 있습니다.

브라우저 지원:

rem, 모든 브라우저는 기본적으로 지원합니다. IE9+, FF3.6+, Chrome, Safari 5+ 및 Opera 11.6+vw, vh , vmin, 브라우저 지원은 낙관적이지 않고, IE9는 지원하고, Chrome은 현재 지원하지 않으며, Chrome 20에서는 다시 지원할 예정이며(이전에도 지원되었던 것 같은데요?) Safari는 곧 지원할 예정이며, Opera와 Firefox는 아직 지원되지 않습니다.

위는 CSS3의 새로운 단위가 무엇인가요? 최신 CSS3 새 유닛에 대한 전체 소개입니다. CSS3 비디오 튜토리얼에 대해 더 자세히 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.


위 내용은 CSS3의 새로운 단위는 무엇입니까? 최신 CSS3 새 유닛에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 lvyestudy.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제