2核1G3M服务器88一季度

腾讯云,阿里云百度云等 折扣价→点我←

CSS 手机浏览器不支持position: fix discuz 教程

公共账号 管理员组

最后给朋友做一手机网站,网站底部需要放一浮动,网页向下滚动时,此浮动也跟着向下滚动,一直距于窗口底部,一般大家都是使用position: fixed实现这个功能,而作者也是这样实现的,但是在手机浏览器中却不支持position: fixed,本文就说下我的解决方法,大家看下明白就行了。


.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="http://www.pc811.com" target="_blank"></a> </div>


注意事项

一般来说大家写上个浮动都是使用css中的position: fixed; 进行控制,但是这种方法只适用于电脑端的,而在手机端却不行,效果就是使用手机浏览器打开网页时显示是底部,但是当我们向下滚动时,而这个浮动的却不跟着一起,这时大家需要在head间添加以下代码即可解决手机浏览器不支持position: fixed的bug了。

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">


站长窝论坛版权声明 1、本帖标题:CSS 手机浏览器不支持position: fix
2、论坛网址:站长窝论坛
3、站长窝论坛的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本帖由公共账号在站长窝论坛《程序综合区》版块原创发布, 转载请注明出处!
评论
最新回复 (0)
  • 新疆社区阿S 一级用户组
    引用 2
    好东西哦,大家不要光看不顶













    第五代QQ机器人QQ群机器人论坛QQ机器人智能客服机器人QQplus机器人QQ群互联机器人..联系QQ800050145 QQ群384105202
    2015/02/23 20:46:08 只看Ta 回复
返回
发新帖