如何防止 Less 编译器错误地翻译 CSS `calc()` 属性？

减少 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中文网其他相关文章！