9***@163.com
9***@163.com
  • 发布:2020-04-13 13:42
  • 更新:2020-04-13 15:11
  • 阅读:913

webview 底部白条

分类:HTML5+

uniapp 中使用 webView ,竖屏的时候,底部出现白条一闪而过,(iphoneX 中没事,但是678 好像都不对)
横屏的时候,一直存在。谁能指点一下么。
一下是 html 代码

<!DOCTYPE html>  
<html>  
<head>  
  <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1, viewport-fit=cover">  
  <title> safe areas</title>  
  <style>  
    * {  
      padding: 0;  
      margin: 0;  
    }  
    html, body {  
      height: 100%;  
    }  
    .content {  
      background: #0a73a7;  
      width: 100%;  
      height: 100%;  
    }  
  </style>  
</head>  
<body>  
<div class="content">this is subElement</div>  
<script>  

</script>  
</body>  
</html>

2020-04-13 13:42 负责人:无 分享
已邀请:
x***@qq.com

x***@qq.com - 疑问?的小纳?

html,body高度不要给100%,换个大点的像素值试试

9***@163.com

9***@163.com (作者) - 慢慢

大一点的确可以,但是我不能给他写死呀

  • x***@qq.com

    最原始的办法,用js获取可视区域高度,然后动态的设置body的高,效果就可以了,也没写死

    2020-04-13 15:28

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