837435186@qq.com
837435186@qq.com
  • 发布:2019-09-11 10:46
  • 更新:2019-09-11 15:06
  • 阅读:1694

uni-app 使用fixed 定位到底部,设置bottom为0,被底部tabbar遮挡

分类:uni-app

在小屏幕的时候,被tabBar遮挡了超大半部分

在屏幕相对大的时候,被tabBar遮挡了半部分左右

position: fixed;  
bottom: 0rpx;

一般在uni-app 使用fixed到底部怎么才会不被tabBar遮挡,而且不同屏幕大小都能兼容

2019-09-11 10:46 分享
已邀请:
口区

口区 -

bottom: var(--window-bottom);

  • 口区

    看文档 https://uniapp.dcloud.io/frame?id=css%e5%8f%98%e9%87%8f

    2019-09-11 15:06

  • 173972819@qq.com

    回复 口区: 设置bottom: var(--window-bottom); iphone x 高度不是50 他的高度是50的 在iphone x上面还是会遮挡

    2019-12-12 12:05

15622090595@163.com

15622090595@163.com

把bottom调高点不就行啦,uniapp的底栏固定高度50

837435186@qq.com

837435186@qq.com (作者)

上面有两张图,不同屏幕大小遮挡的不同,用的单位是rpx,我也试过调高点,不能兼容不同的屏幕尺寸

要回复问题请先登录注册