推薦方案靡砌，通過(guò)設(shè)置safe-area-inset-bottom來(lái)進(jìn)行實(shí)現(xiàn):
.footerClass {
padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
}
constant 是為了兼容ios 11.0 之前的版本
env是ios 11.2之后的版本
tip
如果發(fā)現(xiàn)在真機(jī)上不生效蠢沿，則需要設(shè)置viweport-fit 屬性
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, minimum-scale=1, maximum-scale=1.0, user-scalable=0">
設(shè)置完之后就生效了忌愚。
