2017-09-05 155 views
0

我发现了如何编写函数转换像素VW教程:SASS转换PX至大众

@function get-vw($target) { 
    $vw-context: (1000*.01) * 1px; 
    @return ($target/$vw-context) * 1vw; 
} 

使用的教程:

.headline { 
    font-size: get-vw(72px); 
} 

但是当我用它喜欢它说明什么发生 我的浏览器返回:

字体大小:获得大众(44px); 无效的属性值

因为我并不需要学会顶嘴在这一刻,但只需要PX转化为大众有人可以帮助我,使这项工作呢?

+1

你使用Sass来生成你的样式吗? – imjared

+0

我使用Statamic框架,它包括sass,因为所有内容都被写入.scss文件(sass文件夹)和gulp手表在后台运行以生成我的css – Night5talker

+0

WOW找到了解决方案,我有1个文件正在导入我的文件,而我的功能在那里,但它没有包括在我的主页上,所以我想我需要创建单独的文件functions.scss并像其他文件一样导入它... – Night5talker

回答

0

你需要做的:在该行的末尾

font-size: get-vw(72px)vw; 

通知的vw单位? get-vw只会返回一个数字,所以你需要添加vw单位。

+0

忘记提及我尝试过以及有和没有单位 – Night5talker