CSS 속성은 언제 단위 없이 픽셀(px)로 대체됩니까?-CSS 튜토리얼-php.cn

CSS 속성은 언제 단위 없이 픽셀(px)로 대체됩니까?

Susan Sarandon

풀어 주다： 2024-10-24 09:26:29

원래의

246명이 탐색했습니다.

When Do CSS Attributes Fallback to Pixels (px) Without Units?

단위 없는 CSS 속성 대체: 사례 연구

CSS 속성을 지정하려면 단위(예: px, em, %)가 필요한 경우가 많습니다. 그들의 가치. 그러나 특정 시나리오에서는 이러한 단위가 생략될 수 있습니다. 이로 인해 이러한 상황에서 폴백 메커니즘과 사용자 에이전트(UA)의 동작에 대한 의문이 제기됩니다.

질문:

일부 속성을 수행하는 이유는 무엇입니까? 단위가 생략된 경우 픽셀(px)로 대체됩니까?
모든 W3C 권장 사항에서 px가 선호되는 대체 단위인가요?
UA는 다음을 수행해야 합니다. 선호하는 단위로 대체하시겠습니까?
다양한 브라우저의 동작을 고려할 때 다음 예에서 올바른 동작은 무엇입니까?

<body>
    <div 
        style=  "width:170;
                border:1 dotted PaleGreen;
                background-color:MistyRose">
        The quick brown
    </div>
</body>

로그인 후 복사

정답:

1. px 쿼크 모드의 대체

적절한 문서 유형이 없을 때 활성화되는 쿼크 모드에서 일부 브라우저는 특정 속성에 대해 px로 대체될 수 있습니다. 이 동작은 단위 없는 숫자를 픽셀 길이로 허용하는 기존 HTML 너비 및 높이 속성에서 비롯됩니다.

2. 기본 대체 단위

예, 정의된 단위가 없는 경우 px가 기본 대체 단위입니다. 이는 레거시 HTML 동작과의 호환성을 기반으로 합니다.

3. 대체 의무

아니요, UA가 선호하는 단위로 대체하도록 의무화하는 공식적인 규칙은 없습니다. 이로 인해 브라우저 간에 일관되지 않은 동작이 발생합니다.

4. 브라우저 동작 분석

Internet Explorer: 쿼크 모드에서는 너비와 테두리 너비가 px로 대체됩니다. 표준 모드에서는 단위가 없는 값을 무시합니다.
Firefox: quirks 모드에서는 너비에 대해 px로 돌아가지만 테두리 너비에 대해 단위 없는 값은 무시합니다.
Chrome, Opera, Safari: 쿼크 모드에서는 너비와 테두리 너비 모두 px로 돌아갑니다.

참고: 표준 모드에서는 모든 브라우저는 단위가 없는 길이 값을 무시해야 합니다.

위 내용은 CSS 속성은 언제 단위 없이 픽셀(px)로 대체됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!