您的位置：首页技术文章
文章详情页

html5 - 移动端布局问题

浏览：176日期：2023-01-08 18:31:34

问题描述

一般移动端的头部和底部导航 是不是都是采用fixed定位

问题解答

回答1：

不一定都是fixed布局！有两种方式去做，一种是用fixed的布局；还有一种是用absolute布局，中间一块去模拟滚动。两种方案各有优劣，可以自己去查看。手机淘宝用的第二种方案。

回答2：

还有一种实现方案：flexbox也可以，通过’column’布局也能实现，问题就是flexbox在ios 8.3上有问题ios9以后可以

回答3：

目前来讲，楼上已经说的比较清楚了，现在主流的布局方式一种是fixed一种是absolute，当然楼上说的flexbox现在也有人用但是兼容性不是很完美，不过多评价，一般来讲大多数导航用的fixed还是会多一点（因为更加简单直观，但是现在用absolute再来模拟滚动效果也是不错的~

回答4：

可以用fixed，也可以用absolute来布局

标签： Html5
上一条：javascript - 小程序如何点击获取下标下一条：html - 首页连去的另一页不能改变css嘛？
相关文章：
1. PHP类中的$this2. javascript - 请教如何获取百度贴吧新增的两个加密参数3. javascript - 使用百度文本编辑器ueditor不显示样式问题4. css - html文件上传到虚拟主机后使用谷歌浏览器打开html元素的宽度变大5. python - 用__call__ 实现装饰器功能6. android - 安卓实现类似QQ刚换聊天背景的功能7. java - win10 下有什么好的输入法可以在idea下正常输入吗？8. javascript - 微信小程序 wx.downloadFile下载文件大小有限制吗9. html5 - canvas有时候会拿不到toDataURL数据10. 微信小程序
排行榜
PHP类中的$this
PHP类中的$this
1. javascript - 请教如何获取百度贴吧新增的两个加密参数
2. javascript - 使用百度文本编辑器ueditor不显示样式问题
3. python - 用__call__ 实现装饰器功能
4. javascript - 微信小程序 wx.downloadFile下载文件大小有限制吗
5. 在golang html模板中访问{{range}}范围之外的struct变量
6. css - 关于margin折叠的一个问题。
7. css3 - text-overflow为何会在li的子标签a下失效
8. css - 移动端 line-height安卓错位,苹果机正常用,缩放解决了,可是又出来了占位的问题
9. css - 列表li与li之间的间距怎么设置？
10. html5 - canvas有时候会拿不到toDataURL数据
热门标签