手机百度app，position:fixed属性失效解决方法

六月初六月初 CSS 2019-06-21 09:27:33

描述：

在一些H5网页制作中，我们经常会用到底部吸底的方式将一些你想要长期展示在页面上的重要内容展示出来。而你是否发现有时你的position：fixed属性在百度手机APP中没有生效，或者说展现了一下就会立马消失。那么关于这个问题我们要怎么处理呢？


解决方法：

手机百度APP中的position:fixed并没有失效，而是百度APP会默认将吸底在底部小于150像素的块默认为广告给处理掉。看到这里你也就知道怎么处理了吧！

将底部其余设置成大于150像素，那么你展示在底部的内容就不会消失了！

同理，如果其余APP也有这类似的问题，你也可以用这个方法试试哦!

示例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title></title>
		<style>
			div{
				position: fixed;
				bottom: 0;
				width: 100%;
				background: #f00;
				color: #fff;
				height: 150px;
				line-height: 150px;
				text-align: center;
				font-size: 24px;
			}
		</style>
	</head>
	<body>
		<div id="">
			吸底内容
		</div>
	</body>
</html>

结语：亲测有效！

六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！