search

cool-team-official / cool-uni

简洁易用的uni-app组件库
https://uni-docs.cool-js.com/
227 stars 67 forks source link

h5编译后tabbar没有适配底部安全区域 #27

Closed panghujiajia closed 2 years ago

panghujiajia commented 2 years ago

附上uniapp和cool-uni编译后的根元素样式差别截图

image image

不确定是否是这原因

panghujiajia commented 2 years ago

在index.html中加入下面的代码可解决

<script>
          var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
              CSS.supports('top: constant(a)'))
          document.write(
              '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
              (coverSupport ? ', viewport-fit=cover' : '') + '" />')
      </script>