手机上访问器不适用position: fix的处理方式

2020-11-01 23:58 jianzhan

实际是方式以下:

css编码


拷贝编码
编码以下:

.wap_bottom {
height: 60px;
width: 100%;
position: fixed;
z-index: 2;
bottom: 0;
left: 0;
opacity: 0.7;
}

html编码


拷贝编码
编码以下:
<div class="wap_bottom"> <a href="https://www.jb51.net" target="_blank"></a></div>

留意事项
1般来讲大伙儿写上个波动全是应用css中的position: fixed; 开展操纵,可是这类方式只可用于电脑上端,而在手机上端却不好,实际效果便是应用手机上访问器开启网页页面时显示信息是底部,可是当大家向下翻转时,而这个波动的却不跟随1起,这时候大伙儿必须在head间加上下列编码便可处理手机上访问器不适用position: fixed的bug了。


拷贝编码
编码以下:
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">