질문: Quirks 모드 브라우저에서 CSS 속성에 단위가 부족하면 어떻게 됩니까?

단위 없는 CSS 속성: PX로 대체

CSS에서는 속성 값에서 단위를 생략하는 것이 편리해 보일 수 있습니다. 그러나 그렇게 하면 예기치 않은 대체 시나리오가 발생할 수 있습니다. 쿼크 모드에서는 단위가 없는 속성이 발견될 때 브라우저가 일관되지 않게 동작할 수 있습니다. 이 문서에서는 브라우저 전반에 걸친 대체 동작, 그 의미 및 불일치를 조사합니다.

PX로 대체

CSS 속성에 "px"와 같은 단위가 없는 경우, "em" 또는 "%", 브라우저는 기본적으로 대체 단위를 사용할 수 있습니다. 특수 모드에서는 많은 브라우저가 대체 단위로 "px"를 선택합니다. 이 동작은 픽셀 길이를 단위 없는 값으로 허용하는 기존 HTML 속성과 일치합니다.

그러나 이 동작은 브라우저 전체에서 일관되지 않습니다. 표준 모드의 Internet Explorer 7 이상과 같은 일부 브라우저는 단위가 부족한 규칙 속성을 무시하는 반면, Chrome, Firefox, Safari와 같은 다른 브라우저는 계속해서 "px"로 대체됩니다.

W3C 사양

CSS에 대한 W3C 사양에는 0이 아닌 모든 길이 값에 단위가 있어야 한다고 명시되어 있습니다. 따라서 단위가 없는 속성은 유효하지 않습니다. 이 사양은 표준 모드 렌더링에 적용됩니다. 쿼크 모드에서는 브라우저가 폴백 동작의 변형을 설명할 수 있는 기발한 동작을 더 자유롭게 구현할 수 있습니다.

필수 폴백 규칙

규정하는 특정 규칙은 없습니다. 선호하는 단위로 대체하는 브라우저. 이 결정은 브라우저의 재량에 달려 있으며 브라우저 버전, 렌더링 모드 및 관련된 특정 속성에 따라 달라질 수 있습니다.

예제 동작

인터넷 Explorer는 특수 모드와 표준 모드에서 다르게 동작합니다. 특수 모드에서는 너비와 테두리 너비를 "px"로 대체하는 데 사용되었습니다. 그러나 표준 모드에서는 단위가 부족한 속성 규칙을 무시합니다.

Firefox는 쿼크 모드에서 Internet Explorer와 다릅니다. 너비를 "px"로 되돌리지만 테두리 너비 속성은 무시합니다. Chrome, Opera 및 Safari는 모두 쿼크 모드에서 너비와 테두리 너비를 모두 "px"로 대체합니다.

결론

CSS에서 단위 없는 속성을 사용하는 것은 권장되지 않습니다. 특히 쿼크 모드에서는 예상치 못한 결과와 브라우저 불일치가 발생할 수 있습니다. 모든 길이 값에 대해 단위를 지정하는 W3C 권장 사항을 준수하면 브라우저 전반에 걸쳐 일관된 렌더링이 보장됩니다.

위 내용은 질문: Quirks 모드 브라우저에서 CSS 속성에 단위가 부족하면 어떻게 됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!