使用Compass/sass进行百分比宽度响应布局？

Question

我正在尝试使用Sass(和Compass)来简化百分比宽度布局的创建.

使用A List中的公式target/context=result,其中上下文为980px,设计宽度为640px,我尝试做一个规则

#leftcol {
width: ((640/980)*100%);
}

编译到哪个

#leftcol {
  width: 65.306%;
}

有没有一种更简单的方法,而不是一次又一次地打字？

Answer 1

不需要mixin.Sass具有内置百分比功能,可接受各种单位.

width: percentage(640 / 980)
width: percentage(640px / 980px)

两者都导致:

width: 65.30612%