// 适配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);