坑了爹的Android webview中的height：100%

来源：互联网发布：苹果6s应用与数据设置编辑：程序博客网时间：2024/05/02 03:11

最近在做一个东西，一个loading页面，非常简单，只需把一个gif图片水平+垂直居中即可。

demo的代码如下：

<style type="text/css">*{padding: 0px;margin: 0px;border: 0px;}html{height: 100%;}body {                position: relative;height: 100%;width:100%;background: #fff;font-family: "微软雅黑", Helvetica, Arial, sans-serif;font-size: 100%;background-color: #f2f2f2;}.ready{            position: relative;    width: 100%;    height: 100%;    text-align: center;    }.load{            position: absolute;    width: 120px;    height: 120px;      left: 50%;    top: 50%;    margin-top : -60px;    margin-left: -60px;    }.load > img{   width: 100%;}</style> </head><body><div class="ready"><div class="load"><img src="/static/images/pk/star_wrong.png"><p>努力加载中</p></div></div></body>

在手机端和PC的浏览器，以及各种微信，QQ，我们iOS版APP打开的样子都是对的，也就是下面这个样子：

但是，在我们Android版的APP中，它是下面这样：

个人感觉很显然是外层class=ready的div的高度100%没有效果，调了半天也没招，求大神赐教。

ps：把div的高度设成绝对高度是可以的，例如height:640px,这时候这个div是撑开的，但为啥100%不行，别的什么都行就自己app上不行。

0 0