移动端web页面使用position:fixed
时间：2015-7-8 类别：Web前端 浏览量：3055
移动端web页面使用position:fixed
移动端web页面使用position:fixed
在做移动端项目时，遇到页面头部固定的问题，一开始使用fixed，发现会出现一系列的问题。
例如
<style>
.wap_bottom {
height: 60px;
width: 100%;
position: fixed;
z-index: 2;
bottom: 0;
left: 0;
opacity: 0.7;
}
</style>
<li class="wap_bottom"> <a href="http://www.studyofnet.com" target="_blank"></a></li>
.wap_bottom 效果就是使用手机浏览器打开网页时显示是底部，但是当我们向下滚动时，而这个浮动的却不跟着一起.
解决方法
在head间添加以下代码即可解决手机浏览器不支持position: fixed的问题。
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
标签：css
您可能感兴趣
- css3支持多重背景吗（真正了解CSS3背景下的@font face规则）
- 怎么用css3画椭圆（用CSS3画一个爱心）
- 简述css3动画与过渡效果（CSS3制作翻转效果_动力节点Java学院整理）
- css3特性动画图（CSS3+DIV实现漂亮的动画彩色标签）
- css基础选择器的语法格式（css -webkit-line-clamp WebKit的CSS扩展WebKit是私有属性）
- css3浮动教程（CSS3使用多列制作瀑布流）
- css3动画360循环旋转（利用纯CSS3实现文字向右循环闪过效果实例可用于移动端）
- css导航条怎么做（CSS实现导航条Tab切换的三种方法介绍）
- html和css制作导航条（使用Html+Css实现简易导航栏功能导航栏遇到鼠标切换背景颜色）
- html5+css样式代码（详解HTML5中CSS外观属性）
- css3所有动画（CSS3常见动画的实现方式）
- css怎么设置图片横着（一行css代码解决图片统一大小后的拉伸问题object-fit）
- html 设置canvas的背景图可缩放（浅析canvas元素的html尺寸和css尺寸对元素视觉的影响）
- css3字体怎么写（css3个性化字体_动力节点Java学院整理）
- html表单星号怎么标记（使用CSS 给表单必选项添加星号的实现方法）
- css清除浮动
- 读卖乐园的彩灯（读卖乐园的彩灯）
- 新疆80后在淘宝卖干果 以前是 不务正业 如今帮乡亲致富（新疆80后在淘宝卖干果）
- 弄清楚了销 售 买 卖这四个字，母婴生意做起来就没那么难了（弄清楚了销售买）
- 数读 买首饰金是 投资黄金 吗 买金容易卖金难（数读买首饰金是）
- 销 售 买 卖 你真的了解这四个字了吗（销售买）
- 谢娜是得罪快乐大本营造型师了吗 全场被黑化（谢娜是得罪快乐大本营造型师了吗）
热门推荐
- 为什么css中float:right后右对齐换行
- canvas怎么画特效（canvas中普通动效与粒子动效的实现代码示例）
- JS中对象的属性
- sql设置注释（SqlSever 注释符 单行注释与多行注释）
- laravel框架运行找不到视图（解决laravel资源加载路径设置的问题）
- 查询SQL SERVER中某个数据库的每个表的数据量和每行记录所占用空间
- 怎么调用dede自定义表单（DEDE实现转跳属性文档在模板上调用出转跳地址）
- amaze开发者（AmazeUI中各种的导航式菜单与解决方法）
- mysql常用的sql语句大全（mysql建表常用的sql语句汇总）
- 知乎上的35条神回复（75条笑死人的知乎神回复，用60行代码就爬完了）
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9