CSS 屬性何時會回退到沒有單位的像素 (px)？
- Susan Sarandon原創
- 2024-10-24 09:26:29156瀏覽
沒有單位的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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn