2015-10-14 49 views
1

Less百分比函數返回值(%) - 哇!Less CSS - 如何在視口中返回值(vw)

element { 
    width: percentage(700/1400); 
} 

將編譯爲:

element { 
    width: 50%; 
} 

什麼是最好的方式或語法來獲得(VW)的值,因此風格將編譯爲: (裸記住,分割功能(700/1400))

element { 
    width: 50vw; 
} 

回答

3

實現預期輸出的最佳方法是將值乘以100vw。這將是最有意義且易於理解的方法。

a{ 
    width: 700/1400 * 100vw; 
} 

以下使用方法unit()功能也可以,但我不會推薦它。

爲什麼我不會推薦它的主要原因之一是因爲我不確定是否 假設正常工作。該 unit()功能應該採取一些作爲其第一個參數和單位增加,但百分比值是不完全是一個數量和在未來的版本取決於以下核心團隊如何看待它 這可能無法正常工作。

我閱讀文檔,它看起來像第一個參數可以是一個數字帶或不帶尺寸,但我仍然不會推薦它,因爲早期的方法更加容易比的函數的用法瞭解。

b{ 
    width: unit(percentage(700/1400), vw); 
}