移动端h5在浏览器里面出现底部tab看不见/被遮挡

100vh  包括浏览器地址栏和底部的工具栏,所以设置100%就可以, 设置100%以后ios底部的黑边边/安全距离还存在

padding-bottom: constant(safe-area-inset-bottom);  ///兼容 IOS<11.2/
padding-bottom: env(safe-area-inset-bottom);  ///兼容 IOS>11.2/

 
    padding-bottom: env(safe-area-inset-bottom);
 
posted @ 2021-11-10 11:36  郭大蛋子  阅读(2348)  评论(0编辑  收藏  举报