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

最新推荐文章于 2023-01-17 20:00:00 发布

small猪猪

最新推荐文章于 2023-01-17 20:00:00 发布

阅读量4.5k

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/zhuyunhe/article/details/48184559

版权

CSS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

最近在做一个东西，一个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打开的样子都是对的，也就是下面这个样子：