技术选型

方案:我们采取响应式开发方案
技术:选用bootStrap框架
设计图:采用1280px设计尺寸

页面布局分析

image.png

屏幕划分分析

  • 屏幕缩放发现 中屏幕 和 大屏幕布局 是一致的。因此我们列 定义为 col-md- 就可以了,md 是大于等于970 以上的
  • 屏幕缩放发现 小屏幕 布局发生变化,因此我们需要为 小屏幕根据需求改变布局
  • 屏幕缩放发现 超小屏幕布局又发生变化,因此我们需要为 超小屏幕根据需求改变布局
  • 策略:我们先布局 md 以上的pc端布局,最后根据实际需求再修改 小屏幕 和 超小屏幕的特殊布局样式