后台管理系统其实无非就是“品”字框架,那么你们是怎么搭建这个“品”字框架的呢?
细细拆分开,就像剥洋葱,这个别之间都是有千丝万缕的关系的。
这篇文章主要是说说适配问题,具体分类见下面表格:
适配内容 | 具体适配方案 |
---|---|
品字结构 | 关于左侧导航栏和右侧内容栏(具体方案下面详述) |
屏幕分辨率 | 1024px*768px以上(为了适配平板电脑) |
浏览器 | Chrome,firefox,ie(8及以上) – 我面试的时候遇到一些童鞋说现在没人用ie8,我只想说会不会和用户用不用是两码事 |
分辨率和浏览器兼容其实也是前端的基本素质,我这里也就不多说了。主要是讲讲关于“品”字结构的适配。
“品”字结构适配模块 | 适配类型1 | 适配类型2 |
---|---|---|
左侧导航栏 | 左侧宽度固定或不固定 | 折叠类型或者一二级完全展开 |
右侧内容 | 右侧内容宽度固定,内侧横向滚动条 | 右侧内容自适,不出现滚动条 |
是否单页面 | 单页面,左侧是直接链接跳转 | 框架页,有固定tab选项卡 |
我们使用哪种方案主要看需求,左侧导航栏的布局如下所示:
是否用框架页,加入tab导航栏如图是否加入:
未完待续……