iPhoneX系列手机底部样式如何适配？样式适配是前端不可或缺的一部分，目前iPhoneX及以后的手机底部都会有一条黑线，用于切换任务等。而css正好有这么一个属性，可以帮你适配iPhoneX系列手机机型！！iPhoneX系列底部：css属性：屏幕安全距离：safe-area-inset-top；屏幕右侧的安全距离：safe-area-inset-right；屏幕下方的安全距离：safe-area-inset-bottom；屏幕左侧的安全距离：safe-area-inset-left；适配iOS11:padding-top:constant(safe-area-inset-top);padding-right:constant(safe-area-inset-right);填充底部：常量（安全区域插入底部）；padding-left:constant(safe-area-inset-left);对于iOS11.2+:padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);兼容写法：padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);通过简单的css属性，完美适配iPhoneX系列的风格，soeasy～
