首頁 > web前端 > css教學 > 如何防止 Less 編譯器錯誤地翻譯 CSS `calc()` 屬性?

如何防止 Less 編譯器錯誤地翻譯 CSS `calc()` 屬性?

DDD
發布: 2024-12-20 12:40:18
原創
848 人瀏覽過

How Can I Prevent Less Compilers from Incorrectly Translating CSS `calc()` Properties?

減少CSS calc() 屬性的編譯問題:預防方法

較少的編譯器,例如OrangeBits 和dotless,已知會出現錯誤翻譯CSS calc() 屬性。這可能會導致不良結果,例如將「calc(100% - 250px - 1.5em)」轉換為「calc(-151.5%)」。

為了防止這種情況,Less 版本 3.00 以上版本不再計算表達式預設在 calc() 內。此變更可確保在編譯期間保留 calc() 值。

對於 3.00 之前的 Less 版本:

要防止 less 翻譯計算方程,您可以使用波浪號表示法像這樣:

body { width: calc(~"100% - 250px - 1.5em"); }
登入後複製

以上是如何防止 Less 編譯器錯誤地翻譯 CSS `calc()` 屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板