CSS 속성은 언제 단위 없이 픽셀(px)로 대체됩니까?
- Susan Sarandon원래의
- 2024-10-24 09:26:29156검색
단위 없는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.