适配iphoneX万能方法！！！

// 适配iphonex及以后的底部.
// $name可选'margin-bottom'，'bottom'，'padding-bottom' 等等
@mixin iphonex($name) {
  @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
    #{$name}: constant(safe-area-inset-bottom);
    #{$name}: env(safe-area-inset-bottom);
  }
}

 

// 使用方法
@include iphonex(margin-bottom);