sass将px转换为vw

Question

我找到了一个关于如何编写将像素转换为vw的函数的教程：

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

教程用法：

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

但是当我使用它时，它解释没有任何反应 我的浏览器返回：

  

font-size：get-vw（44px）; 无效的属性值

由于我现在不需要学习sass但只需要将px转换为vw，有人可以帮助我完成这项工作吗？

Answer 1

@function vw($px-vw, $base-vw: 1292px)    
  @return ($px-vw * 100vw) / $base-vw

.container
font-size: vw(16px)

Answer 2

您可以尝试以下操作：
1。创建功能

$vw-viewport: 1920;
@function get-vw($font){
  $vw-context: $vw-viewport * 0.01 * 1px;
  @return $font / $vw-context * 1vw;
  @return $font;
}

2。应用功能

.font20{
    font-size: get-vw(20px);
}

Answer 3

你需要这样做：

max()

注意该行末尾的font-size: get-vw(72px)vw; 单位？ vw只会返回一个数字，因此您需要添加vw单位。