sass和css的calc运算


1.sass不识别不同单位之间的计算,而calc则没问题。

width: #{1rem - 2px}; /*出错*/
width: calc(1rem - 2px);

 

通常情况定制css样式,我不需要去量size,我大多数是通过计算(你无须知道size的结果,你只看效果是否满意),常常利用cacl和size的结合:

width: calc((100% - #{$mr}*#{$j})/#{$i} );

     

2.sass和calc 不能单独识别“/”,也就是不能单独识别除法,解决这种问题有两种做法:0+表达式,或者1*表达式。以line-height为例:

line-height: #{1*20/14};
/*或者*/
line-height: calc(1*20/14);

  

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM