CSS 属性何时回退到没有单位的像素 (px)？-css教程-PHP中文网

CSS 属性何时回退到没有单位的像素 (px)？

Susan Sarandon

发布： 2024-10-24 09:26:29

原创

270 人浏览过

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

没有单位的 CSS 属性的后备：案例研究

CSS 属性通常需要单位（例如 px、em、%）来指定他们的价值观。然而，在某些情况下，这些单元可以被省略。这引发了有关回退机制和用户代理 (UA) 在这种情况下的行为的问题。

问题：

为什么某些属性省略单位时回退到像素 (px)？
px 是所有 W3C 建议中的首选回退单位吗？
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：在怪异模式下，它会回退到 px 宽度，但忽略无单位边框宽度值。
Chrome、Opera、Safari： 在怪异模式下，宽度和边框宽度都会回退到 px。

注意： 在标准模式下，所有浏览器需要忽略没有单位的长度值。

以上是CSS 属性何时回退到没有单位的像素 (px)？的详细内容。更多信息请关注PHP中文网其他相关文章！