h5页面用uni-app写，将一个div放置于底部tabbar上在iPhoneX以及X上机型出现问题，如图

分类：uni-app

uniapp

h5页面用uni-app写，将一个div放置于底部tabbar上，在苹果iPhoneX以及iPhoneX以上机型出现问题，黑色的div会沉到tabbar下面, 即tabbar会遮住黑色的div, 此问题在其他机型上都没有。请问是怎么回事？截图见下面。

这是顶部tabbar上的黑色div的css代码

.bottom_menu{  
    position: fixed;  
    bottom: var(--window-bottom);  
    left: 0px;  
    right: 0px;  
    height: 55px;  
    background-color: #404040;  
}

2019-12-21 17:16 负责人:无分享

4 个回复

1***@qq.com

iphoneX安全区域的问题

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)){
.filter{
bottom: calc(var(--window-bottom) + constant(safe-area-inset-bottom));
bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom));
}
}

类似这样加个兼容就行了，刚刚解决

GodExcious

请问这句话应该加到哪里啊？新手不太会

2020-04-22 16:44
1***@qq.com

回复 GodExcious: 加到css那里，就是<style></style>里面

2020-04-24 17:14
r***@qq.com

加了这句，可以是可以，但是下面部分就空白了

2020-07-12 15:43

zting590 (作者)

有哪位了解吗？

zting590 (作者)

dddd

zting590 (作者)

有哪位了解是怎么回事吗？

该问题目前已经被锁定, 无法添加新回复

h5页面用uni-app写，将一个div放置于底部tabbar上在iPhoneX以及X上机型出现问题，如图

4 个回复

公告

相关问题

h5页面用uni-app写，将一个div放置于底部tabbar上在iPhoneX以及X上机型出现问题，如图

与内容相关的链接

4 个回复

公告

相关问题