iphoneX的safari浏览器操作栏隐藏时兼容底部Home键

iphoneX系列手机底部都有一个home键（横杠），safari浏览器会在页面滚动时隐藏底部的操作栏，许多应用都有在底部放置导航栏的需求。网上的帖子一般都是通过给底部导航栏元素添加内补34像素来处理，问题能够解决，但是safari浏览器在没有隐藏操作栏时又有影响美观。

iOS特性方法（推荐），小程序也可用

// 底部安全区域
.safe-area-bottom{
    box-sizing: content-box;
    padding-bottom: 0;  
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

作者：黄河爱浪 QQ：1846492969，邮箱：helang.love@qq.com

本文原创，著作权归作者所有，转载请注明原链接及出处。