手机浏览器不支持position: fix的解决方法
发布时间：2014-06-09 16:28:04 作者：佚名 
我要评论
我要评论最后给朋友做一手机网站，网站底部需要放一浮动，网页向下滚动时，此浮动也跟着向下滚动，一直距于窗口底部，一般大家都是使用position: fixed实现这个功能，而作者也是这样实现的，但是在手机浏览器中却不支持position: fixed，本文就说下我的解决方法
具体是方法如下：
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>
注意事项
一般来说大家写上个浮动都是使用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">
相关文章
- UCWEB 6.3 Symbian版本已经正式发布，版本更新内容如下： 一、功能优化 1、下载管理界面优化：区分正在下载和已下载。 2、优化与UC播放器配合相关功能，调用UC播放2009-03-31
- 一个非常棒的网页浏览器!! 可以缓存多页,返回页面不用重新请求,页面重新排版,一次开多个网页,内置下载管理器等等。2008-11-28
- Symbian版本更新日志 最新版本更新内容: 更新日期:20080925 build:2008092419 新增功能及优化： 1、优化WAP直连Cookie管理； 2、搜索栏目 和 输入网址 ，完善对异常操作对2009-03-30
- 360防骚扰大师是一款针对骚扰垃圾信息电话打造的防骚扰拦截工具,该软件利用智能识别技术，有效过滤各类骚扰电话和垃圾短信，为用户提供清净的通讯环境2020-04-28
- 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这2013-04-08
百度浏览器2025官方最新 v6.41.0.30 安卓手机版
百度浏览器官方版是由百度官方最新推出的一款简洁、高速的手机浏览器应用，该应用内置了百度最新的搜索引擎，用户打开应用就是百度搜索页面，可以进行譬如文字搜索、语音搜2025-03-07
欧朋手机浏览器是体积轻小而功能强大的新一代手机浏览器2014-02-09百度手机浏览器国际版(手机浏览器) v6.4.0.4 安卓版
百度手机浏览器国际版英文名也叫DU Browser，同比国内上线的App，此版本体积更小，加载速度更快，另外此次版本增加了桌面小工具，这样的设定在日常使用中将更加的方便，感2024-02-27- 手机浏览器你在使用哪个呢？遨游手机浏览器，用过没有，跟我们来看看吧！2013-12-31
- 最近公司要开发网站的移动版，让我准备准备知识，话说本人开发移动网站的经验还真不多，最悲剧的事情就是我的手机是个经典的诺基亚，而且公司还不给配手机，这是有多讨厌，2014-03-19
最新评论