爲什麼使用calc（）的LessCSS忽略計算中的第二個維度？

我試圖使用爲什麼使用calc（）的LessCSS忽略計算中的第二個維度？

.ui-autocomplete.ui-menu { 
    width: 16.666667% !important; 
    width: -moz-calc(100%/6 - 24px) !important; 
    width: -webkit-calc(100%/6 - 24px) !important; 
    width: -o-calc(100%/6 - 24px) !important; 
    width: calc(100%/6 - 24px) !important; 
}

這是寫在少設置自動完成下拉的尺寸。編譯後的輸出結果並不如預期的16.667％ - 24px，而是忽略了px尺寸並輸出-7.333px。我的計算錯了嗎？試圖

來源

2015-08-26 gco

不添加答案，因爲我覺得這是一個重複（雖然它可能很難找到），但總是這樣做。可以選擇寬度：calc（100％/ 6〜「 - 24px」）！important;'（或）設置'strict-math'設置，然後使用'width：calc（（100％ 6） - 24px）'。 – Harry

明白了。什麼是最佳做法？此外，什麼是更好的時尚：在'calc（100％/ 6〜「 - 24px」）vs'〜「calc（100％/ 6 - 24px）」'？ – gco

[請刪除這些前綴（]）（http://caniuse.com/#search=calc）（或不再關心他們了，在自動完成的幫助下） – FelipeAls

括號等任意組合使用以下語法逃脫減渲染：

calc(100%/6 ~"- 24px") !important

這將然後輸出爲：

calc(16.66666667% - 24px) !important

http://lesscss.org/functions/#string-functions-e

來源

2015-08-26 13:01:18 Curt

這樣做：

~"calc(100%/6 - 24px)"

這只是一個奇怪的格式化需求。

來源

2015-08-26 13:01:19 i7nvd

不，這太好了。我會牢記未來:) – i7nvd

爲什麼使用calc（）的LessCSS忽略計算中的第二個維度？

回答

相關問題