响应式布局---深入概念

一. 情景模拟，提出需求

概念
项目经理说：“客户需要开发一套PC端和设备分辨率大小不一的移动端的电商网站，任务已经分到你们手中了；小肖同学，你来带领大家完成开发哈”。

思考
假如是你，你会怎么办？

方案

1. 分为两个小组PC端一套页面，移动端一套页面，根据设备来选择页面(自适应布局概念)

2. 整个小组采用响应式布局设计，一套页面能够同时满足PC端和移动端的显示。(响应式布局概念)

二. 开发探讨，技术筛选

🏢经过大家一致讨论，最终选择了采用方案2，使用响应式布局方式开发

可行型响应式布局方案

1. 采用百分比，来实现响应式布局
2. 采用媒体查询（meta）
3. 采用rem单位
4. 采用flex弹性盒子技术

🔉最终采用flex弹性盒子 媒体查询 百分比 rem单位（实际开发中肯定选一种喽，这里为了学习，假装一下都选😂）

三. 确立目标，脚踏实地

源码索取QQ群：822951132（备注来意）