// 适配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);
原文：https://www.cnblogs.com/binli/p/12796416.html