CSS에서 vw와 호환성 문제가 있습니까?

CSS에서 vw와 호환성 문제가 있습니다. vw 호환성: 1. 데스크톱 PC에서 vw는 Chrome26, Firefox19, Safari6.1, IE10 및 Opera15 이상과 호환됩니다. 2. 모바일 장치에서 vw는 Android4.4 및 iOS8 이상과 호환됩니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css에서 vw와 호환성 문제가 있나요

Desktop PC

Chrome: 버전 26(2013년 2월)부터 완벽하게 지원

Firefox: 버전 19(2013년 1월)부터 완벽하게 지원

Safari: 이후 완벽하게 지원 버전 6.1(2013년 10월)

Opera: 버전 15(2013년 7월)부터 완벽하게 지원됨

IE: IE10(Edge 포함)부터 지금까지 부분적으로만 지원됨(vmax는 지원되지 않으며 vm이 vmin을 대체함)

모바일 기기

Android: 버전 4.4(2013년 12월)부터 완벽 지원

iOS: iOS8 버전(2014년 9월)부터 완벽 지원 .

확장 지식:

(1) vw, vh, vmin, vmax는 창 단위 및 상대 단위. 이는 페이지의 상위 노드나 루트 노드와 관련이 없습니다. 뷰포트의 크기에 따라 결정됩니다. 단위는 1이며 이는 1%와 같습니다.

뷰포트는 브라우저가 실제로 콘텐츠를 표시하는 영역입니다. 즉, 도구 모음과 버튼이 없는 웹 브라우저입니다.

(2) 구체적인 설명은 다음과 같습니다.

• vw: 창 너비의 백분율(1vw는 창 너비의 1%를 나타냄)

• vh: 창 높이의 백분율

• vmin: 현재 vw와 vh 사이의 작은 값

• vmax: 현재 vw와 vh의 큰 값

vw, vh와 % 백분율의 차이

(1) %는 상위 요소에 대한 크기 설정 vw와 vh의 비율은 창 크기에 따라 결정됩니다.

(2) vw와 vh의 장점은 높이를 직접 얻을 수 있다는 것입니다. 그러나 %를 사용하면 신체 높이를 설정하지 않으면 가시 영역의 높이를 정확하게 얻을 수 없으므로 이것이 좋은 장점입니다.

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS에서 vw와 호환성 문제가 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!