我对Sass很安静...我想用百分比值创建一些css,如:
width : 13%;
Run Code Online (Sandbox Code Playgroud)
该值是sass数字操作的结果.写这个
width : $main-width + "%"
Run Code Online (Sandbox Code Playgroud)
scss代码生成这个:
width : "13%";
Run Code Online (Sandbox Code Playgroud)
css,实际上什么不起作用,因为它应该是:
width : 13%;
Run Code Online (Sandbox Code Playgroud)
写作
width : $main-width %;
Run Code Online (Sandbox Code Playgroud)
结果是
width : 13 "%"
Run Code Online (Sandbox Code Playgroud)
什么也导致了非工作的CSS规则.有没有办法让Sass打印13%平原,没有引号?
max*_*tty 15
将Sass中的单位想象为代数中的变量而不是仅仅连接字符串.
在代数中:
2x * 3 = 6x
在萨斯:
13 * 1% = 13%
使用此方法可以进行更高级的数学运算.
10px * 3px = 30px*px
但是px*px不是一个有效的CSS单元,所以你必须通过除以取消一个1px
30px*px / 1px = 30px
希望这有助于超越您原来的问题.
| 归档时间: |
|
| 查看次数: |
4406 次 |
| 最近记录: |