实 验 报 告 实 验 5： 电 商 网 站 前 端 页 面 响 应 式 设 计 实 验 目 标 按 照 素 材 中 设 计 图 将 实 验 1 和 实 验 2 中 的 首 页 ， 改 为 响 应 式 。 实 验 环 境 操 作 系 统 ： Windows 10 编 辑 软 件 ： Visual studio code Cpu： intel i5 8400 内 存 ： 16g 硬 盘 ： 256g 固 态 实 验 内 容 根 据 以 下 三 张 不 同 设 备 下 的 设 计 图 ， 使 用 Bootstrap 栅 格 系 统 ， 将 首 页 转 为 响 应 式 网 页 PC 下 : 实 验 结 果 实 验 体 会 bootstrap 虽 然 很 好 ， 但 也 不 是 没 有 缺 点 ， 由 于 框 架 很 多 都 是 模 块 化 的 ， 只 能 这 么 用 ，当 您 的 网 站 比 较 多 样 化 ， 界 面 复 杂 的 话 就 不 太 适 合 使 用 ， 此 时 您 需 要 大 量 重 写 代 码 ， 维 护 比较 麻 烦 ， 此 外 这 个 系 统 的 CSS 内 容 也 比 较 多 ， 很 多 内 容 是 根 本 用 不 到 的 ， 对 于 带 宽 不 是 很 理想 的 情 况 下 就 会 造 成 浪 费 ， 当 然bootstrap 的css 模 块 化 还 是 相 当 不 错 的 。 下 面 总 结 几 点 本人 觉 得 非 常 不 错 的 点 。 栅 格 系 统 （ 结 构 ）、 CSS 模 块 化 （ 表 现 ）、 JavaScript 插 件 （ 交 互 ）。
