移动端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
您可能感兴趣
- css圆角阴影代码（CSS实现曲面阴影效果的简单实例推荐）
- css中的background:transparent的作用
- css的五种基本选择器（CSS兼容问题之HACK技术）
- CSS块级元素和行内元素
- css3自制像素细线（css3绘制百度的小度熊）
- CSS伪元素:before, :after
- css display属性
- css基线实例详解（移动端使用 rem 单位时 css sprites 定位问题的解决）
- css设置3d效果代码（CSS 制作波浪效果的思路）
- CSS3 transition过渡效果
- css3实现120度的箭头（使用css实现任意大小、任意方向和任意角度的箭头示例）
- css3loading教程（详解纯CSS3制作的20种loading动效）
- 在css中用属性来实现文字环绕图片（css文字环绕图片—遇到的问题及快速解决方法）
- css3经典动画效果（CSS3 3D位移translate效果实例介绍）
- css3特性动画图（CSS3+DIV实现漂亮的动画彩色标签）
- class对应的css（CSS的class与id常用的命名规则）
- 快乐是什么（快乐就是）
- 东南亚有哪个国家（东南亚有哪个国家最发达）
- 东南亚安全吗（好不好挣钱）
- 潘长江小品《照亮全家福》台词剧本完整版（潘长江小品照亮全家福台词剧本完整版）
- 一窗通办政务服务小品剧本（一窗通办政务服务小品剧本）
- 刘韬涛丁子贺小品《根治低头族》台词剧本（刘韬涛丁子贺小品根治低头族台词剧本）
热门推荐
- html5 meta标签
- ubuntu20.04安装启动问题（安装ubuntu18.04报:failed to load ldlinux.c32的问题及解决步骤）
- python接口自动化接口依赖（python接口自动化十六--参数关联接口后传详解）
- mysql order by id查询变慢（MySQL不使用order by实现排名的三种思路总结）
- vue浏览pdf文件（如何在vue中使用pdfjs预览pdf文件）
- php7.4 废弃功能（浅析PHP7 的垃圾回收机制）
- dedecms分页样式（dedecms列表页文章摘要字数的设置方法）
- 云主机与服务器有什么区别（云服务器是什么，云主机干什么用的？）
- vue中的mapgetter优势（vuex 中辅助函数mapGetters的基本用法详解）
- docker进入容器内部后的命令（Docker部署Consul配置过程解析）
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9