【css】移动端iPhone X及以上全面屏机型底部安全区适配问题

之前我一直都是先判断机型信息的名称是否包含iPhone X或者iPhone 11来判断的是否在底部预留安全区。

let isIPX = /iPhone X|11/gi.test(name);

但是今天学习到了更简单的方法,加上这两句css即可:

//IOS版本<11.2
padding-bottom:constant(safe-area-inset-bottom) ;
//IOS版本>=11.2
padding-bottom:constant(safe-area-inset-bottom) ;

你可能感兴趣的:(【css】移动端iPhone X及以上全面屏机型底部安全区适配问题)