响应式网站设计原理：为什么手机打开自动适配

现在做网站都要求响应式，什么是响应式？

就是写一套代码，电脑打开是宽屏的，手机打开自动变成窄的，平板又是另一种布局。

核心技术：
1. 弹性布局Flex
2. 媒体查询@media
3. 百分比和rem单位
4. 自适应网格

好处：
- 不用单独做手机版网站
- 维护方便，改一处所有设备都变
- 百度喜欢，SEO友好

成都招摇科技所有网站都是响应式设计，手机平板都好看。