如何使用SASS将数字转换为百分比？

Question

3

我有一张地图，大小为930像素 x 530像素。我想使用mixin将纬度/经度坐标转换为盒子内的上/左百分比值。

目前我的进展如下...

@mixin latLong ($lat, $long) {
    left: (($long + 180) * (930/360)) + %;
    top: (($lat + 90) * (530/180)) + %;
}

我这样使用它...

&.m1 {@include latLong(-33.94628333, 151.2157139);}

这里输出了一个值，但是它被引号包裹着，所以在css中是无效的。我做错了什么？谢谢。

- Steven

2个回答

8

@mixin latLong ($lat, $long) {
    left: percentage(($long + 180) * (930/360));
    top: percentage(($lat + 90) * (530/180));
}

- imjared

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- cimmanon · Accepted Answer

你希望使用乘法来应用一个单位，而不是连接：

@mixin latLong ($lat, $long) {
  left: (($long + 180) * (930/360)) * 1%;
  top: (($lat + 90) * (530/180)) * 1%;
}