css calc 用法坑点

    // calc 运算符前后必须有空白字符,否则会被解析成无效的表达式
    bottom: calc(#{$tab-bar-height} + constant(safe-area-inset-bottom));
    /* 兼容 iOS < 11.2 */
    bottom: calc(#{$tab-bar-height} + env(safe-area-inset-bottom));

• 用的时候注意运算符前后必须有空白字符， 不然会被解析成无效的表达式
• 支持在sass 、less等css扩展语言
• 在小程序同样支持
• safe-area-inset-bottom可以处理iPhoneX系统底部安全距离问题