问题描述:
开发的小程序运行在手机上时会发现ios系统的自定义底部会被遮挡,
如需要ios系统底部自适应底部安全距离可做如下处理:
解决方案:
兼容ios底部安全距离
.safe-padding{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.safe-margin{ margin-bottom: constant(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);}
env()和constant()需要同时存在,而且顺序不能换。
.safe-padding 通过下内边距的方法处理ios底部安全距离
.safe-margin 通过下外边距的方法处理ios底部安全距离
记录一些有趣的开发瞬间开发~~~