Less isunit()用法及代碼示例

Less isunit() 函數將一個值作為參數，如果該值是作為參數提供的指定單位的數字，則返回 TRUE，否則返回 FALSE。

isunit() 函數示例

下麵舉一個例子來演示Less文件中isunit()函數的用法。

創建一個名為 "simple.less" 的 Less 文件，代碼如下：

少文件：simple.less

div {
    font:       isunit(11px, px);  
    background: isunit(2.2%, px);
    border:     isunit(33px, rem);
    font:       isunit(4rem, rem);
    background: isunit(56px, "%");
    border:     isunit(7.8%, '%');
    border:     isunit(1234, em);
}

現在打開 node.js 命令提示符並執行以下代碼：lessc simple.less simple.css

這將編譯 "simple.less" 文件。將生成名為 "simple.css" 的 CSS 文件。

例如：

生成的 CSS "simple.css"，代碼如下：

輸出：

div {
  font:true;
  background:false;
  border:true;
  border:false;
}

相關用法

注：本文由純淨天空篩選整理自 Less isunit()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。