Sass函数:unit()函数
2024-09-06 00:13:16
unit() 函数主要是用来获取一个值所使用的单位,碰到复杂的计算时,其能根据运算得到一个“多单位组合”的值,不过只充许乘、除运算:
>> unit(100)
""
>> unit(100px)
"px"
>> unit(20%)
"%"
>> unit(1em)
"em"
>> unit(10px * 3em)
"em*px"
>> unit(10px / 3em)
"px/em"
>> unit(10px * 2em / 3cm / 1rem)
"em/rem"
但加、减碰到不同单位时,unit() 函数将会报错,除 px 与 cm、mm 运算之外:
>> unit(1px + 1cm)
"px"
>> unit(1px - 1cm)
"px"
>> unit(1px + 1mm)
"px"
>> unit(10px * 2em - 3cm / 1rem)
SyntaxError: Incompatible units: 'cm' and 'px*em'.
>> unit(10px * 2em - 1px / 1rem)
SyntaxError: Incompatible units: '' and 'em'.
>> unit(1px - 1em)
SyntaxError: Incompatible units: 'em' and 'px'.
>> unit(1px - 1rem)
SyntaxError: Incompatible units: 'rem' and 'px'.
>> unit(1px - 1%)
SyntaxError: Incompatible units: '%' and 'px'.
>> unit(1cm + 1em)
SyntaxError: Incompatible units: 'em' and 'cm'.
unit() 函数对于单位运算相对来说也没有规律,而且有些单位也无法整合成一个单位,对于我们在 CSS 中运用中并不适合,比如:
>> unit(10px * 3em)
"em*px"
>> unit(10px / 3em)
"px/em"
>> unit(10px * 2em / 3cm / 1rem)
"em/rem"
换句话说,上面运算出来的单位,对于在 CSS 中使用将是没有任何意义的。
最新文章
- js动态给当前点击元素添加css类
- 常见Android Native崩溃及错误原因
- MyBatis之多表关联查询
- andorid studio
- 使用hibernate优化
- 请教 C# 异步 async await 问题
- 微信开发中遇到的问题,关于cdnmidimgurl 图片获取
- csrf攻击与防范
- sql排列组合
- Happiness
- SpringBoot系统列 1 - HelloWorld!
- BZOJ5120 [2017国家集训队测试]无限之环 费用流
- Linux伙伴算法
- jquery获取元素颜色css('color')的值返回RGB
- SharePoint 用户配置文件服务
- JavaScript 面向对象的程序设计
- 【Oracle】存储过程之完整篇
- CAS 5.1.x 的搭建和使用(一)—— 通过Overlay搭建服务端
- Binary XML file line #17<;vector>; tag requires viewportWidth >; 0
- sqlserver并发处理,锁和事务