1、percentage()

percentage()函数主要是将一个不带单位的数字转换成百分比形式:

>> percentage(.2)
20%
>> percentage(2px / 10px)
20%
>> percentage(2em / 10em)
20%
>>
.footer{
width : percentage(.2)
}

编译后的 css 代码:

.footer{
width : 20%
}

如果您转换的值是一个带有单位的值,那么在编译的时候会报错误信息:

>> percentage(2px / 10em)
SyntaxError: $value: 0.2px/em is not a unitless number for `percentage'

最新文章

  1. POJ1390Blocks(DP+好题+抽空再来理解理解)
  2. TCP/IP 七层协议
  3. 第1周 支路变量、元件、KCL和KVL
  4. synzhronized原理3
  5. BZOJ 1061 志愿者招募(最小费用最大流)
  6. 2013-07-22 IT 要闻速记快想
  7. Android Developers:在命令行构建和运行
  8. BCB6编译LUA5.15成功!
  9. Biathlon Track
  10. java中的数据库事务处理
  11. [Linux] 修改主机名(hostname)
  12. 设计模式08---设计模式之抽象工厂模式(Abstract Factory)
  13. [微信跳转链接]之WAP浏览器跳转微信指定页面,微信跳转链接
  14. Python练手例子(12)
  15. go的基本数据类型
  16. KNN和SVM的区别和联系
  17. JMeter已传值但是提示为空
  18. Android Studio安装插件提示was not installed: Cannot download的解决
  19. 洛谷P3313 [SDOI2014]旅行(树链剖分 动态开节点线段树)
  20. 关于kernel-devel、kernel-header和kernel src的区别

热门文章

  1. hdu 1693 : Eat the Trees 【插头dp 入门】
  2. 对排序(Sort)的研究
  3. 阿里云吴天议:云原生SDWAN 应用 构建智能化云原生SDWAN生态
  4. git怎样删除未监视的文件untracked files ?
  5. 【Java】java.sql.SQLDataException: Cannot determine value type from string
  6. Java 设计模式之 简单工厂模式(静态工厂方法模式)
  7. 给网页标题添加icon小图标
  8. (转)Hyper-v 安装CentOS 7 (其他虚拟机一样参考)
  9. vue2.0 之 douban (五)创建cell,media-cell组件
  10. science_action