自适应网站移动端css底部悬浮代码样式

正文概述管理员 2024-09-02 83

/*通用底部样式*/
.newblank{width: 100%;height: 55px;float:left;display: none;}
.newfooter{display: none;}
@media screen and (max-width:750px){
	.newblank{display: block;}
	.newfooter{left:0px;z-index:999;width: 100%;height:55px;position: fixed;bottom: 0;display: block;}
	.newfooter-li{width:50%;height:100%;float:left;}
	.newfooter-li a{width: 100%;height: 100%;display: inline-block;}
	.newfooter-li img{width: 100%;}
}

html代码：

<div class="newblank">&nbsp;</div>
<div class="newfooter">
	<div class="newfooter-li">
		<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=88921855&amp;site=qq&amp;menu=yes">
			<img src="/skin/zhann/images/E0_01.jpg">
		</a>
	</div>
	<div class="newfooter-li">
		<a href="tel:13888888888">
			<img src="/skin/zhann/images/E0_02.jpg">
		</a>
	</div>
</div>