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