美文网首页
stylus 使用技巧

stylus 使用技巧

作者: sunxiaochuan | 来源:发表于2019-05-15 16:54 被阅读0次

    参考文档

    stylus中文文档 » 插值(Interpolation) » 张鑫旭-鑫空间-鑫生活

    技能

    1. 使用 插值 的方式计算对应的 vh 值

    • 方法定义
    $default-height = 1080px
    // 计算 vh 值
    calcVH(prop, value)
      {prop} (value / $default-height * 100)vh
    
    • 使用示例
      main
        .layout-main
          calcVH(min-height, (1080 - 129))
    
    • 结果
    min-height: 88.05555555555556vh;
    
    image.png

    相关文章

      网友评论

          本文标题:stylus 使用技巧

          本文链接:https://www.haomeiwen.com/subject/zocmaqtx.html