sass中使用calc計(jì)算表達(dá)式變量問題

calc（）是css的一個(gè)函數(shù)，可用于元素計(jì)算長度，比如div寬度想要減去一個(gè)固定寬度后并自適應(yīng)，可以寫為calc(100% - 60px) 注意“-”兩邊有空格

sass已經(jīng)是常用的預(yù)編譯語言，允許使用變量等規(guī)則，如果上邊寫到60px是一個(gè)變量，這個(gè)表達(dá)怎么寫呢


顯然這樣寫是不行的，瀏覽器解析完是這樣子的


在scss里改為這樣就行了



瀏覽器自己計(jì)算了
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 基礎(chǔ) 聲明變量 普通變量 默認(rèn)變量 變量覆蓋：只需要在默認(rèn)變量之前重新聲明下變量即可 變量的調(diào)用 局部變量和全局變...
    Jill1231閱讀 1,306評論 0贊 1
  • 想想學(xué)習(xí)Sass時(shí)間也有差不多一年的光景了。在這一年來的時(shí)間中，在GitHub不斷閱讀Sass相關(guān)的源碼。也在國外...
    小豌豆書吧閱讀 7,282評論 1贊 24
  • 摘自http://www.w3cplus.com/css3/how-to-use-css3-calc-functi...
    Lareina林暖暖閱讀 781評論 0贊 0
  • 1、SCSS 是 Sass 的新語法格式，從外形上來判斷他和 CSS 長得幾乎是一模一樣，代碼都包裹在一對大括號(hào)里...
    夜幕小草閱讀 1,739評論 2贊 10
  • 一、let let也是定義變量的一種聲明方式，但是和var又有不同，主要記住下邊4個(gè)注意點(diǎn)就行啦！ 統(tǒng)一塊級作用域...
    嘿喵heyMeow閱讀 181評論 0贊 0